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

2023年2月14日 239次阅读

我有一个视频元素,我想隐藏在一个边界半径为div的视频元素中：50％;

这在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;
}

有任何想法吗？

最佳答案 我尝试了@indextwo在他的评论中推荐的内容,并且它有效！

只需将其添加到< video>的父级即可元件：

transform: translate3d(0, 0, 0);
点赞