Discussion :

[mathieugamin]

Salut
J'ai un petit problème avec IE 6 qui refuse de faire le hover sur les bouton <button>bouton</button>
Comme d'habitude, tout fonctionne correctement sous Firefox.

Voici le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
button {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	background-image:url(../../../images/interface/bouton.jpg); 
	background-repeat: repeat-x;
	vertical-align: middle;
	padding: 0 4px 3px;
	margin: 0;
	width: 100%;
	height: 14px;
	border: 0;
 
}
button:hover {
	background-image:none; 
	background-color:#CC0000;
	cursor: pointer;
}

Merci de votre aide !

[ghost-x]

IE, c'est honorable navigateur, ne supporte le :hover que sur les liens <a>.

Donc a la limite tu peut encadrer ton button par un liens pour contourner le probleme.

PS: J'espere que tout les webmaster, militent autour d'eux pour faire valoir firefox, histoire de ....

[Dan_A]

Il existe des solutions avec un fichier htc ( http://www.xs4all.nl/~peterned/csshover.html ) ainsi que des solutions en javascript.

[mathieugamin]

Merci pour le lien !
C'est un truc de plus que je découvre !

Pour le JS, c'est vrai qu'il y a des solutions très simples d'ailleurs, mais je fais l'upgrade d'un site qui a été développé par un autre il y a 5 ou 6 ans, blindé de JS et avec tellement de boutons que ça pourrait rappeler l'adolescence.

Je voulais donc essayer autre chose avant d'appliquer une fonction à chacun des boutons (et sur 2 évènements en plus)..

Merci du coup de pouce !

[mathieugamin]

Salut,
Il y a une alternative supplémentaire : cela s'appelle IE7 mais ce n'est pas de MS.

Voici l'url :la solution qui marche

C'est une biblio JS.