`
ritcher
  • 浏览: 82316 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

iframe透明设置

阅读更多

除了IE之外的其他浏览器,默认情况下IFrame都是透明的。但IE下默认是白色背景的。那么,如何让IE下的IFrame也能透明呢?
1.我们就需要用到一个特殊的特性了:

allowtransparency="true"

eg.

<iframe id="1" frameborder="0" scrolling="no" width="780" height="55" src="" allowtransparency="true"></iframe>

 这个属性可以将iframe设置为透明。

2.在嵌入IFrame中的页面上要加上:

<body style="background-color:transparent"> 

 这样将嵌入的网页的背景设成透明。

这样就设置好了

分享到:
评论
1 楼 zhiweiv 2009-11-11  
但是网页有要求 ,body背景必须设置成别的颜色 怎么办 

相关推荐

    HTML iframe设置背景透明

    这篇博客将探讨如何设置`iframe`的背景透明,以及相关的一些技术细节。 首先,我们需要理解`iframe`的基本结构。`iframe`标签在HTML中是这样定义的: ```html &lt;iframe src=...

    iframe 框架透明背景

    "iframe框架透明背景"这个主题涉及到如何在`iframe`中设置背景为透明,以便于它与父页面更好地融合,营造出如同支付宝首页那样的视觉效果。 首先,我们需要了解`iframe`的基本语法。`iframe`标签在HTML中是这样写的...

    iframe 框架透明背景,框架透明背景

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

    透明背景的iframe

    网页中用iframe,但经常会被iframe把网页原来的背景挡住!透明背景iframe

    iframe框架透明样式

    要使`&lt;iframe&gt;`拥有透明背景,关键在于正确地设置其属性。通常有以下几种方法: 1. **使用`allowTransparency`属性**:虽然HTML5标准不再支持`allowTransparency`属性,但在一些旧版浏览器中仍可使用。示例代码如下...

    在iframe 中页面中设置遮罩遮罩层

    1. 添加一个`iframe`元素,设置其`src`属性指向要嵌入的页面。 2. 创建一个CSS类来定义遮罩层的样式。 3. 编写JavaScript函数以控制遮罩层的显示与隐藏。 4. 将JavaScript函数绑定到合适的事件上,以触发遮罩层的...

    iframe背景透明的设置方法

    首先,重要的是了解并非所有浏览器都支持iframe背景的透明设置。从IE5.5版本开始,浏览器开始支持浮动框架内容的透明化。要使iframe支持透明效果,我们需要确保两个关键的设置条件被满足: 1. iframe元素必须使用...

    div被iframe遮住的几种情况及解决方法

    大多数浏览器都能够正确地渲染这样的设置,但是Chrome浏览器不支持在IFRAME内部设置透明背景。在Chrome中,透明的DIV会被IFRAME覆盖。在这种情况下,解决方案是为DIV设置一个不透明的背景颜色,或者使用透明的背景...

    使用iframe在网页中嵌入其他网页的方法

    4. `allowtransparency` 属性:用于设置`iframe`内容的背景是否透明。设置为 "true" 代表透明,"false" 或 "no" 代表不透明。例如: ```html &lt;iframe src=...

    iframe transparent透明背景方法

    然而在使用iframe时,可能会遇到需要让iframe背景透明的需求。...总之,通过上述的iframe透明背景方法,我们可以更灵活地控制iframe在页面中显示效果,无需每次都修改内部页面,大大提高了页面设计的效率和灵活性。

    iframe弹出窗

    可以使用CSS来设置`div`的样式,使其看起来像一个弹出窗口,包括边框、背景、透明度等效果。例如: ```html ; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:white; border:1px ...

    iframe弹出框遮罩父类页面

    这个div通常设置为全屏尺寸,并设置较低的不透明度,以达到半透明的效果。同时,它的初始样式也需要设置为隐藏。 3. **JavaScript控制**:在子页面的JavaScript代码中,我们需要编写函数来控制弹出框的显示和隐藏。...

    测试iframe

    其中,`src`属性定义了要加载的URL,`width`和`height`分别设置iframe的宽度和高度。 2. **`iframe`的安全性和同源策略** 由于安全原因,浏览器实施了同源策略,这意味着`iframe`只能加载与包含它的页面同源的...

    基于js的iframe 可关闭tab标签组件使用方法

    2. **CSS样式**:添加样式以实现美观的布局和交互效果,例如,未选中的tab按钮可以设置为透明,选中的tab按钮加粗等。 3. **JavaScript代码**:首先引入`jquery.js`库,它提供了一套强大的DOM操作和事件处理函数,...

    让iframe透明的参数

    标题和描述中提到的“让iframe透明的参数”就是指如何配置`iframe`以达到这种目的。这里我们将详细介绍如何通过设置`iframe`的属性和样式来实现这一功能。 首先,`allowtransparency`是一个HTML5引入的属性,用于...

    iframe弹窗工具类

    4. **参数调整**:描述中提到用户可以调整窗体,这意味着工具类可能支持传入参数,以定制`iframe`的显示效果,比如大小、位置、透明度等。这些参数可以通过方法调用来设定,使得开发者可以根据应用场景灵活调整。 5...

    ASP.NET iframe 的通用用法

    实现背景透明 为了使 `&lt;iframe&gt;` 内容与外部页面背景融合,可以使用 `allowtransparency` 属性。 ```html &lt;iframe id="transparentFrame" src="transparentBody....

    iframe的用法

    &lt;iframe src="url" width="宽度" height="高度" frameborder="边框宽度" scrolling="滚动条" allowtransparency="是否透明"&gt;&lt;/iframe&gt; ``` #### 属性详解 1. **src**: 这是`iframe`最重要的属性之一,用于指定被...

    Iframe使用帮助

    要实现透明,需满足两个条件:1) 在Iframe标签中设置`allowTransparency="true"`;2) 在Iframe内容源文档中,设置`background-color`或`BODY`元素的`BGCOLOR`属性为`transparent`。 此外,Iframe元素在Microsoft ...

    自学Iframe框架

    - **属性**: 控制Iframe背景是否透明。 - **取值**: true 或 false。 - **示例**: ```html &lt;iframe src="example.html" width="600" height="400" allowtransparency="true"&gt;&lt;/iframe&gt; ``` ##### 5. onload - **...

Global site tag (gtag.js) - Google Analytics