Ingo Turski: (IE) danke, erledigt - neue Frage: :hover und IE ...

Beitrag lesen

Hi,

Wenn ich zwei Bildchen rechts floaten lasse, klappt es mit dem linke, das rechte wird (natürlich nur im IE) trotz z-index unter das erste Vorschau-Bildchen gelegt.

da kommst Du mit z-index auch nicht weiter.

Was funktioniert: setze die beiden Links in ein <div> und gebe diesem die id "pickel" des Links.
Das CSS dazu wäre:

div#pickel {  
  float:right;  
  position:relative;  
}  
  
div#pickel a {  
  margin-left:10px;  
}  
  
a.preview:hover {  
  border-width:0;  
}  
  
a.preview img.fullview {  
  visibility:hidden;  
  position:absolute; right:90px; top:0px;  
  width:300px; height:300px;  
  border:10px solid white;  
}  
  
a.preview + a.preview img.fullview {  
  right:0;  
}  
  
a.preview:hover img.fullview {  
  visibility:visible;  
}  
  
a img {  
  border:none;  
}

Du müßtest für den IE natürlich dem zweiten Vollbild noch eine ID verpassen, wenn Du es anders positionieren willst.

freundliche Grüße
Ingo