是否可以在iframe上使用CSS圆角？

Question

我环顾四周,据我所知,这是不可能的,但是说你嵌入了一个YouTube iframe,是否有可能使用CSS围绕这些角落？

Answer 1

在如何使用Border-Radius CSS在iFrame上获取圆角的描述中的div容器方法适用于我.

要做到这一点,你只需将iFrame包装在div标签中,并给div这些css属性:

<div style="border-radius: 10px; width: 300px; overflow: hidden;">

该border-radius应设置为任何你想要的圆度可以了,width必须设置为iFrame的宽度,否则你将只能得到少数(如果有的话)圆角.但最重要的是溢出:隐藏,因为这隐藏了iFrames真正的角落.