css - 尽管溢出，但部分内容仍然可见 :hidden

Question

我有一个关于 overflow: hidden 的 div 的问题。它是相对定位的，它的子 div 是绝对定位的。悬停时，父 div 从 overflow:hidden 变为 overflow:visible。这使子 div 能够正确显示。

问题:虽然其他一切都很好，但当鼠标不再位于父 div 上时(因此溢出现在再次隐藏)，子 div 的位仍然显示在它们的位置。它们实际上并没有显示，因为如果我选择它们附近的一些文本或对象，它们就会完全消失。就好像页面需要某种“刷新”。

有没有人遇到过这个？我有点卡在这个...

更新:我做了一个jsfiddle解决了这个问题，并意识到它只发生在基于 webkit 的浏览器(Chrome 和 Safari)上。不过，我仍然不知道为什么...

<div class="list-name">
    <ul>
        <li class="truncated">
            <a href="">
                Hover me to see all the magic thext I'm hidding
            </a>
        </li>
    </ul>
</div>

Answer 1

添加到超链接的额外 overflow:hidden 似乎可以解决问题。查看this fiddle .