Superfish將不會在IE8中顯示

我有一個superfish的問題，使得下拉菜單根本不出現在IE8中。它出現在其他任何東西（甚至IE6）中，但不是IE8。我根本沒有修改源代碼JS，我正在調用一個名爲「subnav」的div，在其中顯示我的列表。Superfish將不會在IE8中顯示

當鼠標懸停在菜單項上時，它會將下拉菜單的CSS更改爲「visibility：visible，display：block」並顯示菜單。在IE8中，沒有任何反應，也沒有任何CSS被改變。

任何想法可能導致它？我還爲superfish使用supersubs插件。

這裏是CSS：

#navbar ul{ 
    margin:10; 
    padding:0; 
    width:1000px; 
} 

#navbar li{ 
    float:left; 
    color:#191919; 
    list-style-type:none; 
    text-transform:uppercase; 
    background:transparent url('../images/common/layout/nav-separator.jpg') center right no-repeat; 
    padding:10px 0; 
} 

#navbar li.last{ 
    background:none; 
} 

#navbar ul li a{ 
    padding: 12px 33px; 
    color: #fff; 
    text-decoration: none; 
} 

#navbar ul li a:hover{ 
    color:#05af0d; 
    background:transparent url(../images/common/layout/nav-hover-highlight.png) top center no-repeat; 
} 

#navbar ul li a.hover-arrow:after{ 
    margin-left:10px; 
    content:url(../images/common/nav-arrow.png); 
} 

#navbar ul li:hover a.hover-arrow:after{ 
    margin-left:10px; 
    content:url(../images/common/nav-arrow-roll.png); 
} 

#navbar ul li a.hover-arrow:hover{ 
    background:#000 url('../images/common/layout/nav-separator.jpg') right 9px no-repeat; 
} 

#navbar ul li p{ 
    margin:0; 
    display:inline-block; 
} 


/*Sub Nav Lists */ 
.subnav { 
    display:none; 
    visibility:hidden; 
} 

#navbar ul li ul{ 
    margin:0; padding:0;  
    position: absolute; 
    left: auto; top: 40px; 
    background: #333; 
    z-index: 99; 
} 

#navbar ul li ul li{ 
    background:none; 
} 

#navbar ul li ul li a{ 
    padding:0px 3px; 
    display:inline-block; 
    margin:0; 
    width:150px; 
    text-transform:capitalize; 
} 

#navbar ul li ul li a:hover{ 
    background-color:#a7a7a7; 
    color:#000; 
    border:none; 
    background-image:none; 
    font-weight:bold; 
}

這裏是如何它會在頁面上：

<div id="navbar">  
    <ul class="topnav"> 
     <li id="item 1"><p></p> 
     <ul class="subnav"></subnav> 
     </li> 
     <li id="item 2"><p></p> 
     <ul class="subnav"></subnav> 
     </li> 
     etc... 
    </ul> 
</div>

來源

2010-12-03 adamzwakk

你可以發佈你的CSS？ – 2010-12-03 21:10:50

不知道這是否會解決您遇到的問題，但我注意到你的帶有subnav類的UL元素沒有被合適的標籤關閉的html代碼片段。我想嘗試的第一件事就是用替換它們：

<ul class="subnav"></ul>

其他任何錯誤都可能不被作爲IE8的慷慨其他瀏覽器處理。嘗試通過驗證器運行你的頁面（即：The W3C Markup Validator）

來源

2011-01-29 15:07:29 nybbler

Superfish將不會在IE8中顯示

回答

相關問題