IE 6 ne reconnaît pas la page en cours

Question

J'utilise une simple liste comme navigation qui affiche l'image d'arrière-plan appropriée en fonction de l'état de la liaison normale, stationnaire ou actuelle. Dans IE6, la page actuelle ou actuelle est ignorée, ne pas afficher l'image différente et laisser le lien actif. Le code est -

<div id="mainNav"> 
    <ul> 
    <li><a href="../index.html">Home</a></li> 
    <li><a href="../work.html" class="current">Projects</a></li> 
    <li><a href="../contact.html">Contact</a></li> 
    </ul> 
</div> 

Le CSS pour la navigation est -

#topcontent1 #mainNav { 
    position: absolute; 
    left: 86px; 
    width: 328px; 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size: 0.9em; 
    padding: 0px; 
    clear: both; 
    color: #666633; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    font-weight: 700; 
    text-transform: uppercase; 
} 
#topcontent1 #mainNav ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    float: left; 
    width: 100%; 
} 
#topcontent1 #mainNav li { 
    float: left; 
    margin: 0; 
    padding:0; 
    display: block; 
} 
#topcontent1 #mainNav li a:link, #topcontent1 #mainNav li a:visited { 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size: 1em; 
    color: #fff; 
    text-decoration: none; 
    display: block; 
    background-repeat: no-repeat; 
    margin-right: 10px; 
    width: 99px; 
    height: 62px; 
    margin-top: 0px; 
    line-height: 62px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    padding-left: 0; 
    text-align: center; 
    padding-top: 60px; 
    background-image: url('../images and html/images/tabnorm.jpg'); 
} 
#topcontent1 #mainNav li a:hover { 
    color: #f8b449; 
    border: none; 
    background-image: url('../images and html/images/tabhover.jpg'); 
    background-repeat: no-repeat; 
} 
#topcontent1 #mainNav ul li a.current { 
    color: #AAB3B2; 
    background-image: url('../images and html/images/tabcurr.jpg'); 
    background-repeat: no-repeat; 
} 
#topcontent1 #mainNav ul li a.current:hover { 
    color: #AAB3B2; 
    cursor: default; 
} 

Le style # topcontent1 de #mainNav ul li a.current est apparemment ignorée par IE6.

quelqu'un peut-il voir un problème ou suggérer un travail autour

Answer 1

IE6 semble avoir des problèmes avec les déclarations de sélection compliquées. peut-être essayer en utilisant

#mainNav a.current 

au lieu de

#topcontent1 #mainNav ul li a.current 

Answer 2

modifier dans votre code

#topcontent1 #mainNav li a:link, #topcontent1 #mainNav li a:visited { 

à

#topcontent1 #mainNav li a {