21 2013年04月

iframe背景透明设置方法

发布于：15时13分 | 来源：湛蓝天空  |   编辑：湛蓝  |   日志分类：DIV+CSS  |   已聚集：人围观

iframe背景透明设置方法

正常情况下iframe的背景色是白色，当框架页面有一个大的背景图或背景色时，iframe区域并不能继承框架页面的背景，这就需要让iframe背景色透明。

框架页面设置：
<body style="background-color:transparent" > 或 <body bgcolor="transparent">

方法一：
<iframe src="http://skyhome.cn/" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" style="filter:chroma(color=#ffffff)" ></iframe>
（不足：iframe里的白色的都变透明了。）

方法二：（推荐使用）
<iframe src="http://skyhome.cn/" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" allowTransparency="true" ></iframe>
（方法一会使iframe中的白色部分透明，所以推荐使用方法二来实现iframe背景色透明。）

除非注明，均为湛蓝天空原创，转载请注明本文网址：http://skyhome.cn/div_css/333.html

标签：iframe 背景透明(1)
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）