[CSS] Bei mouseover #div1 das hintergrundbild von #div2 wechseln?

[Marcoson]

Servus,

gerade soll ich eine Viewbox für einen Pralinenhersteller entwerfen. Meinem Wunsch nach ohne JS.
Aber daran bin ich leider auch hängen geblieben. Kann mir jemand von euch vielleicht helfen?

Bei hover über div#beispiel soll sich das Hintergrundbild von div#beispiel_zwei verändern.

Wird diesmöglich nur mittels Html und CSS?

Danke im Voraus

Marco

 

[C64]

Im CSS:

#div1:hover #div2 {CSS-Angaben;}

Denk daran, dass der IE6 das nicht machen wird

 

[bezierkurve]

Im CSS:
#div1:hover #div2 {CSS-Angaben;}

… das klappt aber auch nur, sofern sich div2 im div1 befindet.

Ansonsten mit purem CSS afaik no way. Aber vielleicht hilft dir ja so ein Ansatz auch schon weiter: http://meyerweb.com/eric/css/edge/popups/demo.html

 

[C64]

… das klappt aber auch nur, sofern sich div2 im div1 befindet.

Ansonsten mit purem CSS afaik no way. Aber vielleicht hilft dir ja so ein Ansatz auch schon weiter: http://meyerweb.com/eric/css/edge/popups/demo.html

Da muss ich dir natürlich auch Recht geben

 

[Marcoson]

Vielen Dank erstmal. Gehe ich recht in der Annahme, dass ich wenn ich den IE bis zur Version 6 an Board bekommen möchte, ich nicht um JS herum komme?

Ansonsten mit purem CSS afaik no way. Aber vielleicht hilft dir ja so ein Ansatz auch schon weiter: http://meyerweb.com/eric/css/edge/popups/demo.html

Das finde ich gut. Hatte noch keine Möglichkeit es im IE zu testen. Packt das Setup wirklich IE7 und 6?
Spricht sonst aus eurer Sicht etwas dagegen?

 

[C64]

Für den IE6 gibt es viele fixes (zB http://www.devinrolsen.com/fix-css-pseudo-hover/), die basieren aber gewöhnlich auf JS - richtig.

 

[Marcoson]

Super, vielen dank. Ihr habt mir sehr geholfen.
JS will ich dafür nämlich nicht.
Bis bald

 

[Slashwalker]

Darf ich fragen wieso du dich gegen eine Lösung mit JS streubst? Ohne JS wird sich das wohl kaum lösen lassen, erst recht nicht wenn div2 nicht von div1 umschlossen ist.