可以做一个有形状的iframe吗?

3

是否可能拥有一个六边形、菱形或其他形状的iframe,而不是矩形或正方形?

或者甚至一个div?

5个回答

5

你可以使用CSS遮罩来模拟它。

但是它的一部分将被遮挡。你无法让iframe在这些形状内呈现其内容。


嗯...除了中心的100x100像素以外,其他内容只是为了美观,所以我想我可以在其前面放置一张图像,隐藏形状外的所有内容...从未想过如此简单的方法...谢谢! - Sabmin Crow

2
您可以相对容易地将iframe形状(或更确切地说是iframe容器形状)设置为椭圆形,但是菱形/六边形形状的问题在于您无法首先将任何 HTML元素设置为以该形状呈现。
您可以尝试使用像Alex建议的蒙版。

0
不,HTML标准中没有这样的可能性。您可以使用DIV包装iframe并获得一些效果,例如圆角。

0

我认为你需要使用一张图片作为遮罩,然后绝对定位它。


0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接