2011-09-25 192 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设置为比子元素更高的值。

相关问题