2011-01-05 54 views
0

我在IE8中遇到了问题,我的下拉式导航位于另一个元素后面。我已经尝试了所有事情,从设置有问题的元素的zindex到1,下拉到99和999.我认为这与我使用960网格的事实有关,因为之前我没有使用它。在使用960网格时IE8中的Z索引问题

更新:问题发生在IE8.0.6但不IE8.0.7

更新2:问题发生在IE8.0.6001.187021C但不IE8.0.6001.1870

我讨厌微软。

Here is my stylesheet,你可以看到问题发生here

回答

0

这是起诉也出现在IE 7.0.6002.18005,我没有8,但以下似乎为我在本地工作,看起来像它不会打破Firefox,所以也许它也适用于IE8以及但我不知道它是可行的你,或者如果它会导致你在未来的更新问题,但它值得一试:

在主网页我在几个变量替换:

一)<div id="left_container" class="grid_1">

<div id="left_container" class="grid_1" style="position:static;">

b)所有出现的<li class="last"><li class="last" style="position:static;">

OR

查找/替换下面的类在外部CSS &选择如下:

960grid.css

.container_5 .grid_1 { 
    WIDTH: 182px; 
     position:static; 
} 

的style.css

#drop_nav .last { 
    BORDER-BOTTOM: #fff 0px solid; 
     position:static; 
} 

Btw我刚刚在IE8 6001 18720 &上试过了,你的网页没有任何问题。我没有改变任何东西&它显示好(没有编辑CSS或任何东西只是访问该网址,它的工作)。

+0

问题与它没有相同的效果? – 2011-01-13 00:39:36

+0

它的工作,谢谢你:) – 2011-01-13 16:56:28

0

IE已知有z-index的错误,这无关与960网格。

您可以给列表容器(#left_container)较高的z-index:

#left_container { 
    z-index: 999; 
} 

或降低的z-index为center_element:

#center_element { 
    z-index: -1; 
} 

还看到:http://doctype.com/ie8-zindex-anomaly

+0

正如我所说的,中心元素目前是999或类似的东西,而中心元素是1.是否-1有不同的效果? – 2011-01-09 18:25:10

+0

我已经在兼容模式下的IE8上测试过它,它工作正常。 – robozevel 2011-01-10 06:31:23

+0

就我所知,特别是IE8.0.6001.187021C有问题。 – 2011-01-12 18:21:48

0

试着还给“#drop_nav li”一个z-索引

+0

不幸,但是谢谢 – 2011-01-12 22:48:04