溢出：chrome 上的边框半径不尊重隐藏

Question

我正在学习如何使用 CSS3 制作动画，并想制作一个简单的“悬停显示细节”图像

我将图像容器的样式设置为具有漂亮的边框半径，但是即使应用了溢出：隐藏，内容和叠加层都剪辑在半径的边缘上

我意识到有些主题与此类似，但大多数都没有解决的答案。

有什么帮助吗？

我的代码：http://cdpn.io/rlnkz

Answer 1

这似乎是 Chrome 的一个错误。您可以通过在.image 和.overlay 上复制您的border-radius 来解决此问题。

Here's the updated pen.

编辑

Here's another SO thread 看起来是同一个问题。