Matthias Apsel: So sollte es gehen <figure>

Beitrag lesen

Om nah hoo pez nyeetz, Alex!

Was du damit meinst:

Statt des Hintergrundbilds (das ich in diesem Fall tatsächlich ins Markup schreiben würde) könnten es auch auch 2 img-Elemente sein, die absolut in dem Containerelement (das dafür relativ positioniert wird) werden.

weiß ich leider nicht und wüsste auch nicht, wie ich das umsetzten und formatieren muss.

<figure>  
  <img src="schwarz-weiß" alt="">  
  <img src="bunt" alt="schönes Bild">  
</figure>
figure {  
    position: relative;  
}  
figure img {  
    position: absolute;  
}  
img:last-child:hover {  
    opacity: 0;  
}  
img, img:hover {  
    transition: opacity 2s;  
}

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Bovis und Bovist.