Ce code représente le texte explicatif sous forme rectangulaire verte large de 200px et haute de 100px, placée en position absolue à 200px de haut et 150px à gauche du premier ancêtre positionné.
Exemple avec hover:
Survolez pour voir la boite texte et image peuvent être placés iciCodage CSS de l'exemple:
a span {
display: none;
}
a:hover span {
display: inline;
position: absolute;
top: 200px;
left: 150px;
width: 200 px;
height: 100px;
background: green;
text-align: center;
color: white;
}
| Code HTML pour afficher le style CSS
<html> |