Bonjour,
Est-il possible de rajouter une figcaption lors du :hover dans une cellule d’un tableau ?
Pour le moment, le texte vient sous l’image
<td> <figure><figcaption>
</figure><img src="./images/Brighton.jpg" width="100%" height="100%" alt="" class="responsive"><strong>Binet</strong></figcaption></td>
</figcaption> et mes CSS :
```css
figure {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0;
}
figcaption {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
cursor: pointer;
text-align: center;
vertical-align: text-bottom;
color: black;
background-color : rgba(0,0,0,0.5);
padding-top: 30%;
font-family: 'clovis_cheuryregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
opacity: 0;
transition: opacity 1s ease;
font-size: 3em;
}
figure:hover figcaption {
opacity: 1;
}
Merci pour votre aide. Bon week-end ;)
+0
-0