css - Chrome 19 中的 Z-index 渲染错误？

Question

直到最近，我在所有浏览器（包括 Chrome）中都正确显示的网站上有一个下拉菜单。现在在 Chrome 19 中，即使它们都有定位并且菜单具有更高的 z-index，它也会呈现在另一个元素的后面。

见右上角的图片：

这里是网站： http ://www.mediaplanet.com/international/

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

Answer 1

在您的style.css样式表中，设置一个z-indexto9999并且#header .row应该这样做。

目前是：

#header .row {
  position: relative;
  overflow: visible;
}

如果您将其更改为，它在 Chrome 19 中适用于我：

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

这应该够了吧！:)