texte au survol de la souris sur une image Résolu

Question

Bonjour, 

J'ai une page web, avec 3 images qui se suivent.
Du simple html :)
Chaque image fait 100*100px.
je souhaiterais qu'au survol de la souris sur une image, un cadre transparent de 30px de hauteur s'affiche en haut de l'image, avec du texte à l'intérieur.
Comment faire, en utilisant uniquement du HTML, CSS et Javascript ?

Merci.

Configuration: Mac OS X / Safari 535.11

wAxxx · Accepted Answer

Bonjour,
Cherches tu par hazard une chose comme celle ci
https://www.queness.com/resources/html/thumbnail/index.html

AssassinTourist · Answer

Bonsoir,

Si ça avait été afficher un simple cadre de couleur uni, tu aurais pu mettre une propriété hover à tes img, comme ceci :
img:hover{
  border: 30px solid black;
}
Mais vu que c'est un bloc de texte, je pense que tu n'auras pas le choix et qu'il faudra utiliser javascript.

bobenausaure · Answer

merci pour vos réponses,
oui, @wAxxx, c'est exactement quelque chose de ce style ! même encore plu que ce que j'espérais ^^
mais le problème, c'est que je ne peux utiliser qu'une seule et unique page qui peut contenir du HTML, CSS et Javascript (c'est pour une appli facebook, j'utilise une appli iframe tab).

bobenausaure · Answer

en faite j'ai compris, @wAxxx, c'est génial le fonctionnement, merci beaucoup !

Texte au survol de la souris sur une image

4 réponses

Votre réponse

Discussions similaires