css - Safari 14 溢出隐藏不适用于嵌套旋转

Question

所以我们注意到overflow在较新版本的safari上不起作用红色不应该重叠到父元素上

.parent {
   transform: rotate(45deg);
   height: 30px;
   width: 17px;
   overflow: hidden;
}

.child {
   transform: rotate(29deg);
   height: 30px;
   width: 17px;
}

已经尝试将，添加position: relative;到子元素，但仍然没有工作。

在其他浏览器中运行良好，包括 safari 13 及更低版本

好像子元素正在旋转overflow: hidden作品

在纯 html 上测试，它有效，我被问到为什么这不起作用 https://jsfiddle.net/Forbidden403/yg8rb7zd/4/

任何提示都会帮助我们，谢谢:)

标签： csssafaristyles