2010-11-10 6 views
-1

Possible en double:
How to make hover buttons ?Je veux créer un bouton de roulement comme celui-ci

Je veux créer un des boutons de renversement comme ceci:

http://www.infolinks.com/login.html

" Login "button.So comment puis-je faire cela? J'ai les 2 boutons roulants prêts à l'emploi!

+0

Est-ce la même question que: http://stackoverflow.com/questions/4143990/how-to-make-hover-buttons? –

+0

Oui. Il semble que ce soit une copie ... de sa propre question. –

+1

Vous devriez essayer d'abord, puis si cela ne fonctionne pas, demandez-nous et donnez votre exemple, soit sur votre site en direct OU dans un exemple temporaire sur jsfiddle.net. Ne postez pas de questions de rediffusion, révisez et modifiez votre original. – Kyle

Répondre

2

Ajouter dans votre CSS une entrée pour votre bouton-classe:

.button{ 
    background-image: url(url/to/normal/button.jpg); 
} 

.button:hover{ 
    background-image: url(url/to/hovered/button.jpg); 
} 

<a class="button" ... > 
+0

ne fonctionne pas !! – 5416339

+0

pourquoi pas? fonctionne dans de nombreux cas ... – Simon

1

Guide de bricolage:

  1. Utilisez Firefox.
  2. Installez Firebug.
  3. Faites un clic droit sur le bouton d'exemple et inspectez. Voir la partie HTML.
  4. Déplacez la souris sur et hors du bouton et observez les changements de CSS.

Remarque: Cela peut être fait avec d'autres navigateurs, mais j'aime Firefox + Firebug.

Questions connexes