folgendes Problem versuche ich zu lösen: Es gilt eine Navigation per CSS zu bauen, die in einem Container liegt, welcher ein Hintergrundbild besitzt. Bei Mouseover eines Navikationspunktes soll dieser Bereich durch Aufhellung hervorgehoben werden. Wie kriege ich das hin? mit einem transparenten Bild, welches den Hintergrund heller erscheinen lässt? Und wenn ja, wie geht das? Und geht das überhaupt für "alle" Browser?
O.K., wenn ich das richtig verstehe, soll die Hervorhebung also nicht die Hintergrundgrafik verdecken, sondern nur die Helligkeit erhöhen, sodass man die Hintergrundgrafik noch hindurch sehen kann?
Hm ... ja, sowas sieht toll aus und wär daher auch bestimmt optisch ganz toll. Leider ... du hast es wahrscheinlich schon befürchtet, geht das zwar, aber qualitativ sinnvoll z.B. nicht mit dem IE, da dieser das PNG-Format nur mit Einschränkungen unterstützt. (Kann sein, dass der IE7 das schon besser drauf hat, aber bis dahin geht's halt nicht und das wäre bei einer möglichst zugänglichen Seite schlecht) Eine grundsätzlich denkbare Lösung Deines Problems liegt darin, statt der transparenten Grafik für jeden Menüpunkt jeweils eine normale Grafik und eine aufgehellte Grafik zu erzeugen und mittels :hover zu switchen ... Das Problem mit der Hintergrundgrafik des Containers dürfte sein, dass jeder Browser unterschiedlich mit Abständen umgeht, d.h. border,margin und padding zumindest geringfügig anders interpretiert als ein anderer. Du müsstest also, wenn du für die Navigationspunkte entsprechende Grafikausschnitte verwendest, die so genau einpassen, dass sie nicht von der Hintergrundgrafik verschoben sind. Und das wiederum müsstest du in den unterschiedlichen Browser testen und jeweils anpassen ... Das kann einen Schweine-Arbeit sein, die vor allem bei kleinsten Layoutveränderungen immer wiederholt werden müsste. Überleg Dir, ob das die ganze Mühe wert ist ... manchmal ist weniger echt mehr - solltest du ggf. dem Auftraggeber auch so erklären: Je aufwändiger jetzt das Layout wird, umso schwieriger werden Anpassungen und Erweiterungen in der Zukunft, zumal man nicht 100%ig weiß, wie sich die Browsertechnologien entwickeln werden. Grafisch aufwändige Lösungen im Web sind im Zweifel sicher mit z.B. Flash besser umzusetzen als mit Stylesheets ... aber auch das hat bekanntlich gewichtige Nachteile ...
Kleines Beispiel für das Switchen von Navi-Grafiken übrigens unter http://sedcard.manuel-stein.de Du siehst, wenn der Hintergrund simpel ist, lässt sich das gut machen ... mit sehr strukturiertem Hintergrund wär das katastrophal aufwändig bis unmöglich geworden ...