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

时间:2012-05-22 13:57:16

标签: css google-chrome z-index

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

见右上角图片:

enter image description here

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

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

1 个答案:

答案 0 :(得分:4)

style.css样式表中,将z-index 9999设置为#header .row即可。

目前是:

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

如果您将其更改为:

,它适用于Chrome 19
#header .row {
  position: relative;
  overflow: visible;
  z-index: 99999;
}

应该这样做! :)