J'ai quelques boutons qui fonctionnent bien dans les navigateurs autres que IE. Je n'utilise pas JQuery et ce n'est pas IE6 - je ne l'ai pas encore testé dans IE6. C'est dans IE8.Image d'arrière-plan qui disparaît dans IE8
Vous pouvez voir ce qui se passe ici (regardez dans IE vs Firefox):
http://www.brighttext.com/socialtech/index.html
J'utilise la technique de montrer un ou l'autre bouton en réponse à un roulement en modifiant la arrière-plan. J'ai essayé différentes solutions proposées pour IE6 mais rien n'a fonctionné. Quelqu'un peut-il voir ce qui se passe ici? Et pourquoi pouvons-nous voir le bouton Home dans IE, mais pas les autres?
code:
<ul>
<li id="homeLink" class="ord"><a href="index.html">Home</a></li>
<li id="faqLink" class="current"><a href="faq.html">FAQ</a></li>
<li id="speakersLink" class="ord"><a href="speakers.html">Speaker Info</a></li>
<li id="sponsorsLink" class="ord"><a href="sponsors.html">Sponsor Info</a></li>
</ul>
pour les deux css premiers boutons (je l'ai fait pour les quatre) à l'intérieur du div, qui est appelé mastheadLeft:
#mastheadLeft li#homeLink a {
height: 32px;
width: 86px;
display: block;
text-indent: -1000em;
background: url(../images/home_dual.jpg) no-repeat left top ;
border: none;
}
#mastheadLeft li#homeLink.current a {
background-position: left top;
}
#mastheadLeft li#homeLink.current a:hover {
background-position: left top;
}
#mastheadLeft li#homeLink.ord a {
background-position: left bottom;
}
#mastheadLeft li#homeLink.ord a:hover {
background-position: left top;
}
#mastheadLeft li#faqLink a {
height: 34px;
width: 75px;
display: block;
text-indent: -1000em;
background: url(../images/faq_dual.jpg) no-repeat left bottom;
border: none;
}
#mastheadLeft li#faqLink.current a {
background-position: left top;
}
#mastheadLeft li#faqLink.current a:hover {
background-position: left top;
}
#mastheadLeft li#faqLink.ord a {
background-position: left bottom;
}
#mastheadLeft li#faqLink.ord a:hover {
background-position: left top;
}
Salut Kamal, d'abord, merci million pour prendre le temps de faire ce que vous avez fait! Deuxièmement - je viens de confirmer votre test. Aucune des trois images qui n'apparaissent pas s'ouvrira dans IE! Eh bien, cela simplifie au moins le problème, car nous savons que même si tous les CSS sont supprimés, IE ne voit pas l'image. Pourquoi cela pourrait être, je n'en ai aucune idée. Nous savons que les images sont là parce que firefox les voit. Je vais essayer d'autres tests ... peut-être déplacer les fichiers image dans le même dossier que les pages html ... bien que cela ne devrait pas être nécessaire. – David