✔ Bei Mouseover Transparenz

[UnoDosTres]

Hi,

ich möchte gerne erreichen das sobald mit der Mouse über ein Bild hinter dem ein Link liegt gefahren wird dieses Bild etwas Transparent erscheint.

Habe es so versucht:
a.nav:link img,
a.nav:visited img {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;


}
a.nav:hover img {

filter: alpha(opacity=50); /* IE */
-moz-opacity: 0.5; /* Gecko-Browser */
opacity: 0.5; /* Opera 9+ */
border: none;


}

Leider führt das nicht zumgewünschten Ergebnis. Es Passiert GAR nichts. Weder IE7 noch Mozilla 2.0.

Kann mir da jemand Helfen?

 

[Maik]

Hi,

hierfür benötigen die Inline-Elemente "Block-Level-Charakteristika", sowie eine Breiten- und/oder Höhenangabe.

 

[UnoDosTres]

Kannst Du mir ein kleines Beispiel geben?

 

[Maik]

a.nav:link img, a.nav:visited img  {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
display: block;
height: ...px; /* Grafikhöhe */
width: ...px; /* Grafikbreite */
}

 

[UnoDosTres]

Klappt leider nicht. DAs selbe wie vor, macht gar nichts:

a.nav:link img,
a.nav:visited img {
	filter: alpha(opacity=100);

	-moz-opacity: 1;
	opacity: 1;
	border: none;
	display: block;
	height: 104px; /* Grafikhöhe */
	width: 156px; /* Grafikbreite */


	
}
a.nav:hover img {
	
	filter: alpha(opacity=50); /* IE */
	-moz-opacity: 0.5; /* Gecko-Browser */
	opacity: 0.5; /* Opera 9+ */
	border: none;
	display: block;
	height: 104px; /* Grafikhöhe */
	width: 156px; /* Grafikbreite */
	
	


}

 

[Maik]

Im Stylesheet kann ich keinen Fehler entdecken, wie lautet denn das dazugehörige HTML-Markup?

 

[UnoDosTres]

<a href="index.html"><img src="grafics/thumbs/wbwo_01_s.jpg" width="156" height="104" border="0" class="nav" /></a>

 

[Maik]

Dann ruf mal in dem Link die Klasse .nav auf

<a href="index.html" class="nav">...</a>

 

[UnoDosTres]

Meinst Du

class=".nav" ? Das bringt nichts. Ist das selbe wie class ="nav"

 

[Maik]

Ich meinte es so, wie ich es gepostet habe - im class-Attribut wird nicht der Punkt vor dem Klassennamen angegeben.