在Internet Explorer 9中看不到JQuery/css下拉菜單

我的下拉菜單在除IE以外的所有瀏覽器中都能正常工作。我可以看到在開發人員工具中觸發的懸停功能，但由於某些原因，菜單實際上並不可見。我已經用我能想到的所有方式調整了CSS ......有沒有我忽略的東西？在Internet Explorer 9中看不到JQuery/css下拉菜單

該網站是：http://www.ironbridgeband.com

音樂自動播放（不是我的選擇），所以要小心你的聲音水平 據開發者工具，IE9是瀏覽器模式。

編輯：這裏的CSS和正在使用的JQuery的：

/* 
    LEVEL ONE 
*/ 
#navigation > ul       {text-align: center; position: relative;} 
#navigation > ul li{ 
float: left; 
background: transparent; 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00990000,endColorstr=#00990000); 
zoom: 1; 
z-index: 0; 
} 
#navigation > ul a:hover     {color: #000;} 
#navigation > ul a:active    {color: #fff;} 
#navigation > ul li a     {display: block;} 
#navigation > ul li.hover, 
#navigation > ul li:hover    {color: #fff; position: relative; } 
#navigation > ul li.hover a    {color: #FFF;} 


/* 
    LEVEL TWO 
*/ 
ul.children{ 
    list-style-type: none; 
    font-size: 0.8em; 
    width: 100%; 
    visibility: hidden; 
    position: absolute; 
    top: 50px; 
    z-index: 500; 
    margin-left: 0px !important; 
    padding-left: 0px !important; 
    line-height:2em; 
    background: transparent !important; 
    } 

ul.children li{ 
    font-size: 16px; 
    text-transform: none; 
    font-weight: normal; 
    float: none !important; 
    clear: both; 
    font-weight: bold; 
    background: #158082; 
    color: #fff; 
    border: none; 
    float: none; 
    margin-left: -25px !important; 
    padding: 0 !important; 
    z-index: 501; 
    } 

ul.children li.hover{ 
    background-color: transparent !important; 
    }          
            /* IE 6 & 7 Needs Inline Block */ 
ul.children li a{ 
    border-right: none; 
    display: inline-block; 
    width:auto; 
    }

* JQuery的：*

$(function(){ 

    var config = {  
     sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)  
     interval: 100, // number = milliseconds for onMouseOver polling interval  
     over: doOpen, // function = onMouseOver callback (REQUIRED)  
     timeout: 200, // number = milliseconds delay before onMouseOut  
     out: doClose // function = onMouseOut callback (REQUIRED)  
    }; 

    function doOpen() { 
     console.log("doOpen()") 
     $(this).addClass("hover"); 
     $('ul:first',this).css('visibility', 'visible'); 
     $('ul:first',this).css('z-index', '100001'); 
    } 

    function doClose() { 
     console.log("doClose()") 
     $(this).removeClass("hover"); 
     $('ul:first',this).css('visibility', 'hidden'); 
    } 

    $("#navigation > ul li").hoverIntent(config); 

    $("#navigation > ul li ul li:has(ul)").find("a:first").append(" &raquo; "); 

});

來源

2012-07-30 Garett

你可以請張貼有問題的代碼片段嗎？另外，您是否可以打開IE，按F12（打開開發人員的工具）並告訴我們您的**「瀏覽器模式」**設置爲？ – Sam 2012-07-30 20:58:04

是！它在IE9模式 – Garett 2012-07-30 21:46:32

先給你#navigation元素較高的Z-指數比下拉菜單有。

來源

2012-07-30 21:53:12

那裏沒有運氣。我正想着從頭開始...... – Garett 2012-07-30 22:20:11

在Internet Explorer 9中看不到JQuery/css下拉菜單

回答

相關問題