無法在IE中查看列表項onhover，使用Mozilla/chrome

我不理解如何使它在IE中工作，此代碼正在爲mozzila和chrome工作，當我將鼠標懸停在寄存器上時，我無法看到A註冊和B註冊列表中的項目，任何幫助將是appreciated.This是PHP代碼無法在IE中查看列表項onhover，使用Mozilla/chrome

<?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; 
}

來源

2012-11-02 raj

錯字？ diasplay：塊; – VIDesignz

不是很清楚什麼不適合你，必須有其他代碼依賴關係，你沒有顯示，http://jsfiddle.net/7Ve2P/ – Serg

當我懸停在註冊表上，我無法看到它在IE中的列表項，使用我在Chrome和Mozilla中可以看到的相同代碼 – raj

這可能與事實做您使用的是真的舊的瀏覽器（IE6），它不能識別：你的css中的懸停僞選擇器，在IE6中它只能識別：懸停在錨點ta GS。

如果因任何原因，你真的需要支持IE6看看以下解決方案：

Hover whatever

來源

2012-11-02 16:07:59 Ricardo

他只在一個地方使用「懸停」。它在'a'元素上。 – Dawson

無法在IE中查看列表項onhover，使用Mozilla/chrome

回答

相關問題