在Safari中的视频元素上隐藏溢出

Question

我有一个视频元素，我想在border-radius: 50%;的div中隐藏 这在Chrome和Firefox上工作得很好，但在Safari上则不行。

我的CSS的主旨是：

.back{
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 50%; 
}

.back video{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 150px;
    width: 267px;
}

有什么想法吗？

Answer 1

我尝试了@indextwo在他的评论中推荐的内容，并且它有效！

只需将其添加到<video>元素的父级：

transform: translate3d(0, 0, 0);