2011-09-25 191 views
1

我已經創建了帶下拉菜單的頂級菜單,但下拉菜單並未到達IE的前端。 Chrome,FF和Safari的效果很好。爲什麼z-index在IE中不起作用?

我的代碼如下所示:

<li id="search"><a href="#search" class="drop" >Search</a> 
    <div class="drop2columns dropcontent"> 
     <div class="col_2"> 
      <ul> 
       <li id="search_basic"><a href="#test1">Test1</a></li> 
       <li id="search_advanced"><a href="#test2">Test2</a></li> 
      </ul> 
     </div> 
    </div> 
</li> 

的css文件是這樣的:

#menu .drop2columns {width: 130px;} 

#menu .col_2 { 
    display:inline; 
    float: left; 
    position: relative; 
    margin-left: 15px; 
    margin-right: 15px; 
    z-index: 9999; 
} 

#menu .col_2 {width:130px;} 

我缺少什麼?就像我說這只是與IE發生(版本7,8和9)

+0

在我的網站上,我實際上停止支持IE。如果有人試圖使用IE查看我的網站,它會將它們重定向到一個頁面,告訴他們獲取Chrome或Firefox。 (如果人們不使用Internet Explorer,對每個人來說都會更好)然後,我將這個網站作爲娛樂而非商業用途。如果是爲了生意,我會不可避免地支持IE。 –

+0

我希望我能做同樣的事情...... IE瀏覽器是最糟糕的瀏覽器之一,但不幸的是很多人仍然使用它。 – Paul

回答

2

z-index不會在Internet Explorer中正常工作:定位的元素創建一個新的堆疊內容,開始的0一個z-index。爲了解決這個問題,你可以定位父元素(例如,  position: relative),並將它的z-index設置爲比子元素更高的值。

相關問題