如何让iframe背景色透明

最新推荐文章于 2025-06-16 10:07:01 发布

hqmln

最新推荐文章于 2025-06-16 10:07:01 发布

阅读量161

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/hqmln/article/details/84486715

css 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了如何设置iFrame页面背景为透明的方法，包括使用不同属性实现的效果对比，并提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

框架页文件设置：
<body style="background-color:transparent" > 或 <body bgColor="transparent">
方法一：
<iframe src="about.htm" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" style="filter:chroma(color=#ffffff)" >
</iframe>
缺点：iFrame里的白色的都变透明了。
方法二：（个人推荐使用）
<iframe src="about.htm" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" allowTransparency="true" >
</iframe>
还有其它几个写法，可以比较一下：
<iframe src="about.htm" allowTransparency="true" style="background-color: green"> </iframe >
<iframe src="about.htm"> </iframe >
<iframe src="about.htm" style="background-color: green"> </iframe >