Question

我不明白如何让它在IE中运行，这个代码适用于mozzila和chrome，当我在寄存器上停留时我无法看到A寄存器和B注册列表项，任何帮助将不胜感激。这个是PHP代码

<?php
$list.="<li ><a href=\"\">Register</a>
                <ul><li><a href=\"a.php\">A Register</a></li>
                <li><a href=\"b.php\">B Register</a></li></ul>
                </li>";
                ?>

这是css

 /* Lists */
    ul, ol {
        margin: 10px 20px;
        padding: 0 20px;
    }
    ul { list-style: disc; }
    ol { list-style: decimal; }
    /* Header */
    #header {
        position: relative;
        margin: 0 auto;
        height: 245px;      
    }
    /*  navigation  */
    #header #nav {
        position: absolute;
        left: 0px;  bottom: 20px;       
        margin: 0; padding: 0 0 0 20px;     
        width: 900px;       
        border-bottom: 1px solid #F2F2F2;   
        /* z-index: 99999; */
    }
    #header #nav ul {
        float: left;    
        list-style: none;   
        margin: 0;
        padding: 0;                 
    }
    #header #nav ul li {

        float: left;
        margin: 0; padding: 0;
        list-style: none;
        position: relative;
        display: inline;
    }
    #header #nav ul li a:link,
    #header #nav ul li a:visited {
        float: left;
        margin: 0;
        padding: 5px 15px 10px 15px;
        color: #666666;
        font: bold 14px 'Trebuchet MS', Arial, Sans-Serif;
        text-transform: uppercase;      
        border-right: 1px solid #EEE;   
    }
#header #nav ul li a:hover{background-color: #D14836;
color: #FFFFFF; 
} 
#header #nav ul li a:active {
    diasplay:block;
    border: none;
    color: #000;    
    border-right: 1px solid #EEE;
}
#header #nav ul li#current a {  
    background: transparent url(../images/current.gif) repeat-x left bottom;    
    color: #222;    
}

#header #nav ul li.first a:link, 
#header #nav ul li.first a:visited {
    border-left: 1px solid #F1F1F1; 
}

Answer 1

这可能与您使用非常旧的浏览器（IE6）这一事实有关，而该浏览器在您的css中无法识别：hover伪选择器，在IE6中它只能识别：悬停在锚标签。

如果出于某种原因你真的需要支持IE6，请查看以下解决方案：

Hover whatever

无法在IE中查看列表项onhover，适用于Mozilla / chrome

1 个答案: