2010-11-30 4 views
1

Alors, voici le code html pour le boutonPourquoi je ne peux pas voir ce bouton d'image sur IE8 avec ce CSS?

<input type="submit" name="logueo" value="log" id="sendbu"/> 

Et c'est le style css

#sendbu  { width: 50px; height: 34px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; background: transparent url(lock.png) no-repeat center top; border: 0; text-indent: -1000em; cursor: pointer; cursor: hand; } 

Tout cela fonctionne sur Chrome et Firefox, mais dans IE les coutures bouton pour DonT exister. Merci pour l'aide.

+0

ce n'est pas une solution à votre problème, mais il semble que ce soit une erreur dans votre code .. "cursor: pointer; cursor: hand;" – Blowsie

Répondre

1

@domingo pourquoi text-indent - 1000em, à savoir le fait un calcul différent sur les marges négatives, essayez de supprimer cela et vérifier une fois

+0

Maintenant fonctionne sur IE mais je vois un texte sur l'image, que puis-je faire? – DomingoSL

+0

@domingo donner la position appropriée pour le texte, pour une raison quelconque, il se chevauche à droite, pouvez-vous poster votre code en violon, nous pouvons facilement le réparer. – kobe

+0

Bon appel sur le CSS. @DomingoSL Validez le CSS pour vous assurer qu'il est compatible avec tous les navigateurs. Meilleur –

0

Essayez: background: transparent url(lock.png) center top no-repeat;, et aussi les propriétés 'name' et 'id' devraient correspondre, les différentes versions de l'utilisation du navigateur 'nom' différemment.

+0

Je suis d'accord, les attributs "id" et "name" doivent correspondre. Surtout pour IE. Meilleur –

+0

@OVWeb Solutions Pourquoi devraient-ils correspondre? En raison de l'ancien 'document.getElementById()' d'IE d'obtenir l'attribut de nom aussi? – alex

+0

@domingo pourquoi text-indent - 1000em, c.-à-d. Fait un calcul différent sur les marges négatives, essayez d'enlever cela et vérifiez une fois – kobe

1

font-size: 0; fonctionne parfois. Je suis sûr qu'il existe des sites qui utilisent des retraits négatifs qui fonctionnent dans IE.

Questions connexes