rollover-bild im ie8

[Gunnar Bittersmann]

@@fabienne:

nuqneH

ich zeige auf der einstiegsseite eine reihe von bildern, die mit unterseiten verlinkt sind. auf diese bilder wende ich einen rollover-effekt an (bei mouseover wechselt das bild zu einer gelben fläche). die bilder haben alle einen unterschiedlichen namen, für das rollover-bild benutze ich allerdings immer das selbe gelbe 1-pixel-gif.

Dafür brauchst du weder JavaScript noch das gelbe 1-Pixel-GIF. Weg damit!

Auch die span[@class="image"] sind überflüssig.

Überhaupt: Wenn alle Elemente derselben Klasse angehören, dann ist die Klasse unsinnig. Du hättest die Dinger in CSS auch mit dem Nachfahrenselektor '#image-box span' selektieren können. [CSS2 §5, SELFHTML]

Außerdem sieht das sehr nach einer Liste aus, also nach einem 'ul'- oder 'ol'-Element mit 'li'-Elementen.

Markup:

<a href="foo"><img src="bar" alt="baz"/></a>

Stylesheet:

#image-box a  
{  
  float: left;  
  background-color: yellow;  
}  
  
#image-box a img  
{  
  display: block;  
  border: 0 none;  
}  
  
#image-box a:hover img  
{  
  visibility: hidden;  
}

Qapla'

PS: Verweise einbinden