Hi,
#test1:hover {#bild.background-image:url(dreieck1.gif);}
#test2:hover {#bild.background-image:url(dreieck2.gif);}
#test3:hover {#bild.background-image:url(dreieck3.gif);}
Wie kommst du auf solches CSS?
> ~~~html
<img id="bild" src="transparent.gif">
> <span id="test1">test1</span>
> <span id="test2">test2</span>
> <span id="test3">test3</span>
Geht soetwas mit CSS? Vielleicht stehe ich mir auf dem Schlauch und die Elemente müssen nur verschachtelt/anders angeordnet werden?
Ja.
Es gibt den general sibling combinator, der dir helfen würde wenn das Bild nach den Elementen kommt auf die du reagieren willst.
Ein transparent.gif ist übrigens total sinnlos.
Mir ist unklar welchen Anwendungszweck du hast, es wäre wesentlich einfacher dir Tipps zu geben wenn ich den wüsste.
~dave