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

Question

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

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

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

有什么帮助吗？

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

Answer 1

这似乎是 Chrome 的一个错误。您可以通过复制您的border-radiuson.image和.overlay.

这是更新的笔。

编辑

这是另一个看起来像相同问题的 SO 线程。