filter:alpha und opacity

[D.R.]

Hallo,

Ich hab mir dann das mit dem alpha und der opacity rausgeholt, und folgendermaßen umgesetzt:

img.link{
    display: block;
    float: left;
    clear: both;
    margin: 0 auto 10px auto;
    padding: 1px;
    border: 1px solid #999999;
    filter: alpha(opacity=60);
    opacity: 0.6;
  }

img.link:hover{
    border: 1px solid #000000;
    filter: alpha(opacity=100);
    opacity: 1.0;

zur anwendung:
<img class="link" src="..." height="40" border="0" >

Im Firefox, funktioniert dass wunderbar, doch im Falle des IE klappt das nicht. Der zuoberst gezeigte Code wird auch auf bilder angewendet,

Nein, er wird auf <a>s angewendet. Wenn sich darunter noch ein Bild befindet, wird dieses aufgrund der Vererbung aber ebenfalls transparent.

Wo liegt jetzt mein Fehler?

Wende Pseudoklassen möglichst nur auf <a>-Elemente (mit href) an. Wenn du den unteren Teil deines Beispiels folgendermaßen abändern würdest, würde es klappen.

  
a{ border: 1px solid #999999;  
   filter: alpha(opacity=60);  
   opacity: 0.6;  
  }  
  
a.link:hover{  
    border: 1px solid #000000;  
    filter: alpha(opacity=100);  
    opacity: 1.0;  

Der Effekt dürfte ähnlich sein. Evtl. musst du die Klassen aber noch auf die Links setzen, da CSS nicht auf übergeordnete Elemente zugreifen kann.

Dass es im Firefox (sowie im IE 7 und anderen Browsern) ohne Probleme funktioniert, liegt daran, dass dieser keine Probleme mit irgendwas:hover hat.

mfg. Daniel