css - 如果背面可见性隐藏在子元素上，则不应用边框半径

Question

我有几个 div，一个在另一个里面，我在外部 div 上使用 border-radius 和 overflow: hidden，它创建了一个圆形 mask 内部分区。

然而，当在子 div 上使用 backface-visibility: hidden; 时，border-radius 不再应用。

Here's an example of the issue , 在chrome和safari中都可以看到

Answer 1

看起来这是 webkit 中的一个错误，它在 chromium issue track 上被跟踪.看起来没有迹象表明很快就会合并修复程序。