Chrome 19中的Z-index渲染错误?

Tes*_*son 6 css google-chrome z-index

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

见右上角图片:

在此输入图像描述

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

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

Zac*_*eed 4

在你的style.css样式表中,设置一个z-indexof 9999to#header .row就可以了。

目前是:

#header .row {
  position: relative;
  overflow: visible;
}
Run Code Online (Sandbox Code Playgroud)

如果你将其更改为:它在 Chrome 19 中适用于我:

#header .row {
  position: relative;
  overflow: visible;
  z-index: 99999;
}
Run Code Online (Sandbox Code Playgroud)

这应该够了吧!:)