我在Chrome上遇到了一个奇怪的"错误",其中z-index没有像其他所有浏览器(包括IE)那样正常显示.
我已经阅读了与之相关的所有相关问题,而且他们的问题中几乎每个人都缺少位置或溢出.
该网站的链接是这个,中间搜索有一个下拉ul元素,当你点击它时,它是在图片后面.我已经尝试了几个小时所有可能的组合与子父母,不同的z索引,位置,似乎没有任何东西得到图片前面的下拉菜单.
如果有人能指出我正确的方向或提供样本来帮助我,我将非常感激.
谢谢!
来自答案的解决方案:有问题的div元素在它上面有大约10个div元素作为"父母".他的z-index无法进入前线,因为他的最高父母没有位置:相对,只有z-index导致问题低于它的所有其他子div.
这是一个例子:
<div> <---- had only z-index, was missing position:relative
<div>
<div>
<div> <---- this div with z-index could not get in front because of the first one
</div>
</div>
</div>
</div>