Calque de texte sous l'image HTML/CSS

Question

J'ai une image qui disparaît en survol. Comment puis-je placer du texte sous/derrière l'image? Alors que lorsque l'image disparaît, les gens pourront voir le texte.

Merci d'avance.

Answer 1

Vous pouvez utiliser le positionnement absolu et la propriété CSS z-index:

img { 
    position: absolute; 
    top: 10px; 
    left: 10px; 

    z-index: 2; 
} 

img:hover { 
    z-index: 0; 
} 

div { 
    z-index: 1; 
} 

démonstration semi-fonctionnelle: http://jsfiddle.net/Qsmzf/3/

Answer 2

utilisant z-index devrait le faire

img 
{ 
position:absolute; 
left:0px; 
top:0px; 
z-index:1; 
} 

Cela devrait mettez l'image sur le dessus du texte et ensuite, lorsque vous passez la souris, elle devrait montrer le texte.

Answer 3

Si vous définissez le CSS de l'image sur position: absolute;, vous pouvez définir la propriété z-index pour superposer le texte. Vous devrez peut-être mettre l'image dans un conteneur avec position: relative; car le positionnement absolu peut déplacer l'image.

Exemple: http://jsfiddle.net/NPExr/