css - Safari：带溢出的 div：可见 + z-index：9999，但仍隐藏在另一个 div 后面？

Question

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

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

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

Answer 1

z-indexstatic如果元素的位置设置为（默认情况下），则不会对元素产生影响。在容器上设置position:relative，然后position:relative;在里面的项目上设置，以确保悬停的元素位于最前面。您需要进行定位调整，以确保一切都正确排列。