Antworten zum Thema „mouseover mit doppeltem effekt“

[creative-artist]

Hi!

Ich habe mich mal mit dem Thema beschäftigt, wie man es per
CSS hinbekommt durch einen mouseover 2 effekte auszulösen.

Hier mein CSS dazu:

#aussen
	{
		position:absolute;
		top:100px;
		left:100px;
		width:200px;
		height:200px;
		color:#000;
	}
#aussen:hover
	{
		color:#F00;
	}
#aussen:hover div
	{
		color:#0F0;
	}

Und hier der HTML-Code:

<div id="aussen">
	ich bin der Erste!
	<div>Ich bin der Zweite!</div>
</div>

Vielleicht könnte einer von euch noch Überlegungen
anstellen. Ich habe das Ganze kurz mal in Firefox probiert,
es funktioniert. Werde versuchen es noch zu verfeinern.

MfG
creative-artist

 

[Whykiki]

Mal ne Frage dazu:

Mit

#aussen:hover div 
   { 
      color:#0F0; 
   }

sprichst du also den div im div "aussen" an, ja??

Wenn ich Recht verstehe, könnte ich also in den div wieder einen reinpacken und dann w+ürde es lauten:

#aussen:hover div div
   { 
      color:#0F0; 
   }

Korrekt???

 

[creative-artist]

Du hast es erkannt

Das Beispiel ist ein bisschen ungeschickt, werde mich mal ranmachen
und ein gutes erstellen.

MfG
creative-artist

 

[creative-artist]

Also ich brauchte diese Technik für ein ausklappendes
Menü, aber dadurch kann man, wenn man über einen
Button geht einen 2. Effekt auslösen, zum Beispiel ein
Infofenster, etc.

Zum Thema IE kann ich nur sagen, dass es das alte
Problem ist "hover-effect bei nicht a-Tags".
Dazu mußt du das "Whatever-hover" Script nutzen.

MfG
creative-artist