dartyduck a écrit :
tu développes un fichier css spécifique pour ie6, uniquement pour les éléments qui merdent, et tu mets une condition dans ton header genre
Code :
- <!--[if IE 6]>
- <link rel="stylesheet" type="text/css" href="/menu-ie6.css" />
- <![endif]-->
|
|
putain tu pourrais prendre soin de regarder la question, les réponses toutes faites et faciles ça va un moment, mais quand on répond à coté de la plaque, ca fait trop avancer les choses, surtout pour dire au mec de rajouter une autre feuille de style dont on a strictement rien à foutre.
donc on répond simplement au monsieur :
Ton problème vient du fait que le :hover n'est géré que sur les A sous IE, donc il te faut passer par javascript, donc voici une méthode assez bourrin qui fonctionne bien :
Code :
- /* Ajoute la pseudo methode hover sur un élément, via CSS, utilise la classe CSS .hover */
- function addHover(elm) {
- elm.style.behavior = " ";
- if (document.all && window.print && /MSIE [56]/.test(navigator.userAgent)) {
- elm.style.behavior = " ";
- elm.onmouseenter = function() {
- this.className+= ' hover';
- }
- elm.onmouseleave = function() {
- this.className = this.className.replace(/\bover\b/,"" );
- }
- }
- }
-
- </script>
|
et dans ta CSS :
Code :
- ul#menu li {
- behavior : expression(addHover(this));
- }
|
et ensutie il te suffit d'avoir des déclaration du style :
#menu li:hover, #menu li.over
(comme tu as actuellement)
J'ose penser que ton problème vient de là car ta desscription est juste du vent