溢出：隐藏不受chrome上边框半径的影响

Question

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

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

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

任何帮助？

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

Answer 1

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

Here's the updated pen

修改

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