我在所有浏览器中都能正常显示的网站上有一个下拉菜单,包括Chrome,直到最近。现在在Chrome 19中它被渲染在另一个元素后面,即使它们都有定位并且菜单具有更高的z-index。
见右上角图片:
这是网站: http://www.mediaplanet.com/international/
这是渲染错误还是我的代码有问题?
答案 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;
}
应该这样做! :)