iframe设置背景透明（allowTransparency属性）

最新推荐文章于 2019-06-15 17:43:00 发布
最新推荐文章于 2019-06-15 17:43:00 发布
阅读量656 收藏
点赞数
分类专栏： Asp.net 文章标签： iframe 框架 文档 2010 ie
 

IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容，则必须满足下列条件。
1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。
2.在 iframe 内容源文档，background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent。
具体步骤： 1. 包含框架页的代码。

<body bgColor="#eeeeee">
<iframe allowTransparency="true" src="transparent.htm">
</iframe>

2.transparent.htm页的代码。

<body bgColor="transparent">

特别说明
本例主要是iframe对象的allowTransparency属性应用，在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。
allowTransparency设置或获取对象是否可为透明。
bgColor 设置或获取对象的背景颜色。

    原文地址： http://www.web600.net/html/editor/XHTMLCSS/201001141539.html
    lockelk
    关注
    专栏目录
    HTML iframe设置背景透明
    04-26
    NULL 博文链接：https://onestopweb.iteye.com/blog/2356319
    iframe背景透明的设置方法
    10-26
    总结来说，要实现iframe背景透明，需要设置iframe的allowTransparency属性为true，并且在iframe内容的源文档中将背景颜色设置为透明。需要记住的是，即使进行了上述设置，如果iframe中的内容有明确的背景色设置，...
    allowTransparency含义 嵌套透明
    想飞的鱼的专栏
    04-22 1351
     1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。2.在 iframe 内容源文档，background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent。具体步骤： 1. 包含框架页的代码。2.transparent.htm页的代码。特别说明本例主要是iframe对象的allowTranspa
    如何让iframe的背景透明
    Kyle的专栏
    05-17 6606
    如何让iframe的背景透明2007-06-27 14:10 IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容，则必须满足下列条件。 1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。 2.在 iframe 内容源文档，backgr
    iframe背景透明
    ccaakkee的专栏
    04-27 957
    在标签中，加入style="background-color=transparent" 通过以下四种IFRAME的写法实现对iframe背景透明效果： 　
    iframe背景色透明
    Pete很皮
    01-10 772
    iframe背景色透明办法是设置iframe的属性 allowTransparency="true" 即如：以下是代码片段：而a.html的body也要设置样式 STYLE="background-color:transparent" 即如：以下是代码片段：这样iframe的背景就完全透明了。另外,在背景透明 iframe 里的样式设置背景颜色的话, a.html的透明背景颜色就会被iframe样
    iframe transparent透明背景方法
    10-30
    然而在使用iframe时，可能会遇到需要让iframe背景透明的需求。通过设置iframe的透明背景，可以使得iframe内部的页面内容和样式与外部页面的布局和风格融为一体，这样的设计使得网页整体看起来更加整洁和专业。 在本...
    iframe框架在IE浏览器下将白色背景设为透明色
    09-28
    将`iframe`的`allowTransparency`属性设置为`true`，理论上可以让`iframe`的背景变得透明。例如： ```html <iframe id="myIframe" src="childPage....
    iframe 框架透明背景，框架透明背景
    09-01
    本例主要是iframe对象的allowTransparency属性应用，在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。 allowTransparency设置或获取对象是否可为透明。 bgColor 设置或...
    iframe标签用法详解(属性、透明、自适应高度)
    09-28
    - `allowTransparency`：在支持的浏览器中允许`iframe`背景透明。 3. `iframe`透明度 要实现`iframe`的透明效果，可以使用`allowTransparency`属性，将其值设为`true`。同时，可以设置`background-color`为`...
    让iframe透明的参数
    12-10
    <iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe>
    设置iframe背景透明
    maseccc的专栏
    10-12 747
    通常iframe背景是白色的，在不同浏览器下可能会有不同的背景颜色，在主页面有一个整体的背景颜色或者背景图片的时候，iframe区域便会出现一个白色块，与主体页面很不协调，这时候就需要让iframe背景透明。这里需要用到一个特殊的特性： allowtransparency="t
    iframe 设置背景透明
    06-15 94
    加上这个属性, 初始化iframe. <iframe src="" frameborder="0" allowTransparency="true"></iframe></iframe> 然后body{ background-color: transparent; } 转载于:https://www.cnblogs.com/x...
    IE浏览器中iframe背景透明
    生活在继续
    04-06 826
    <br />1、首先，在iframe源页面daojishi.aspx增加<body>中设定style="background-color:transparent",即为透明样式<br />2、然后，在<iframe name="main" src="daojishi.aspx"></iframe>之中加入   frameborder="0"和allowTransparency="true"<br /> <br /><iframe src='daojishi.aspx' allowTransparency='
    定义iframe 引用页透明 allowTransparency="true
    xufaxi的专栏
    03-06 530
    使用iframe调用的页面，在IE下（不包括IE9）会以白色背景显示（被调用页面没有设置背景颜色，以及系统的背景颜色默认为白色），如何让其透明？ 网络上已经有很多答案： 在iframe标签中加上 allowTransparency="true" 属性 即： Html代码 &lt;iframesrc="iframe.html"width="600px"height=...
    iframe背景透明效果的实现
    xieronghua246的博客
    06-08 141
    在transparentBody.htm文件的&lt;body&gt;标签中，我已经加入了style="background-color=transparent" 通过以下四种IFRame的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解：&lt;IFRame ID="Frame1" SRC="transparentBody.htm" allowTransparency="t...
    关于让iframe背景透明的方法
    lord87492012的专栏
    03-26 446
    刚开始的时候用的是style="filter:chroma(color=#ffffff)" 这个，但是当内部div也有透明要求是，会有影响。 然后用了allowTransparency="true" ，问题解决
    如何让iframe背景色透明
    hqmln的博客
    10-09 140
    框架页文件设置：&lt;body style="background-color:transparent" &gt; 或 &lt;body bgColor="transparent"&gt;方法一：&lt;iframe src="about.htm" width="100%" height="100%" align="center" scrollin
    iframe如何设置背景色
    最新发布
    11-28
    可以通过以下两种方法来设置iframe的背景色： 1. 在iframe标签中直接设置style属性，例如： ```html <iframe src="example.html" style="background-color: #f2f2f2;"></iframe> ``` 2. 在父窗体中设置背景色，并在iframe标签中添加allowTransparency属性，例如： ```html <!-- 父窗体中设置背景色 --> <body style="background-color: #f2f2f2;"> <!-- 在iframe标签中添加allowTransparency属性 --> <iframe src="example.html" allowTransparency="true"></iframe> </body> ``` 这样，iframe就可以使用父窗体中的背景色了。
    评论
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

    当前余额3.43元 前往充值 >
    需支付：10.00元
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付元
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明：

    1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

    余额充值