Safari：divs with / overflow：visible + z-index：9999，但仍隐藏在另一个div后面？

Question

我有一个<div>显示在另一个div的:hover上。在IE＆amp; Firefox，整个<div>显示在悬停时，但在Safari中，悬停的div的一部分隐藏在相邻的div后面。我已经overflow: visible设置了悬停的div，但问题仍然存在。

在Firefox和Safari中打开这个小提琴，你会在Safari中看到这个问题。

http://jsfiddle.net/emturano/TRGm9/

Answer 1

如果元素的位置设置为z-index（as it is by default），

static将不会对元素产生影响。在容器上设置position:relative，然后在内部项目上设置position:relative;以确保悬停元素位于最前面。您需要进行定位调整以确保所有内容都正确排列。