html - 将鼠标移开后，Google chrome 和 Safari 悬停 div 不会隐藏

Question

我有这个 html 页面：https ://dl.dropboxusercontent.com/u/84321529/Fensternorm/index.html

当您悬停产品时会有一个更大的div，它包含有关产品和一个按钮的更多信息。此内容是隐藏的overflow:hidden，一切都是用纯 css 解决方案完成的。

我不知道为什么 google chrome（版本 29.0.1547.66 m）和 safari（5.1.7）会出现这个问题。在 Mac 和 Windows 上的 Firefox 和 IE>7 上对其进行了测试，它工作正常。

你知道如何解决这个问题吗？

Answer 1

把这些放在position: absolute;这些类中：.product-list li div {}

.product-list li div {
    width:184px;
    color:#999;
    line-height:15px;
    position:absolute; // <--
}

Answer 2

在 li 内部的 div 上禁用绝对定位，并且很可能，您应该有一个可行的解决方案。