2010-05-13 7 views
2

Ce que je veux:vol stationnaire CSS sur un lien pour remplir fond

Quand je passe la souris sur un lien, il doit remplir le fond avec une largeur fixe (disons 225 pixels) couleur de fond. La longueur du texte du lien ne doit pas être prise en compte.

Comment puis-je y parvenir?

Répondre

3
a:hover {background: url('some225pxWideImage.jpg') no-repeat;} 
+0

En fait, vous devriez probablement utiliser "repeat-y", alors vous avez seulement besoin d'une image 1px élevé et il mettra à l'échelle, peu importe la hauteur de votre ancre – CaffGeek

3

HTML:

<a class="someclass">Some link</a> 

CSS:

a.someclass { 
    display: block; 
    width: 225px; 
} 

a.someclass:hover { 
    background-color: #123456; 
} 
Questions connexes