Changer une image en texte onmouseover
Fermé
fedi
-
7 juil. 2012 à 19:35
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 - 8 juil. 2012 à 12:06
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 - 8 juil. 2012 à 12:06
A voir également:
- Changer une image en texte onmouseover
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Dans le texte, un seul mot a réellement été écrit en lettres capitales (majuscules). quel est ce mot ? ✓ - Forum Word
- Changer clavier qwerty en azerty - Guide
- Recherche par image - Guide
- Changer dns - Guide
1 réponse
prosthetiks
Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
430
8 juil. 2012 à 12:06
8 juil. 2012 à 12:06
Hello,
Tu peux le faire en CSS de la façon suivante:
Tu peux le faire en CSS de la façon suivante:
<html>
<head>
<title></title>
<style type="text/css">
.container{
width: 300px;
height: 300px;
float: left;
background-color: #ccc;
}
.container .text{
display: none;
}
.container:hover .text{
display: block;
}
.container:hover .image{
display: none;
}
</style>
</head>
<body>
<div class="container">
<div class="image">
<img src="http://lorempixel.com/300/300/food">
</div>
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="container">
<div class="image">
<img src="http://lorempixel.com/300/300/people">
</div>
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</body>
</html>