Css Chrome 19中的Z索引渲染错误?

Css Chrome 19中的Z索引渲染错误?,css,google-chrome,z-index,Css,Google Chrome,Z Index,我在一个网站上有一个下拉菜单,直到最近,它在包括Chrome在内的所有浏览器中都能正确显示。现在在Chrome19中,它被渲染在另一个元素后面,即使它们都有定位,并且菜单具有更高的z索引 请参见右上角的图像: 以下是网站: 这是渲染错误还是我的代码有问题?在样式表中,将9999的z-index设置为#header.row,这样就可以了 目前是: #header .row { position: relative; overflow: visible; } 如果您将Chrome 19

我在一个网站上有一个下拉菜单,直到最近,它在包括Chrome在内的所有浏览器中都能正确显示。现在在Chrome19中,它被渲染在另一个元素后面,即使它们都有定位,并且菜单具有更高的z索引

请参见右上角的图像:

以下是网站:


这是渲染错误还是我的代码有问题?

样式表中,将
9999
z-index设置为
#header.row
,这样就可以了

目前是:

#header .row {
  position: relative;
  overflow: visible;
}
如果您将Chrome 19更改为:

#header .row {
  position: relative;
  overflow: visible;
  z-index: 99999;
}

这就应该奏效了!:)

一定是个虫子。我已经在Chrome开发者工具中进行了测试,但没有任何效果。即使Stackoverflow在新版本中也存在一些z索引问题。您的代码似乎正常。确认Chrome 19存在问题。在Firefox13测试版中正常工作。下面我的解决方案修复了Chrome19的CSS错误…哇!非常感谢,我想我已经试过了所有的组合,但肯定错过了那一个!