`
77tt77
  • 浏览: 27242 次
  • 性别: Icon_minigender_1
  • 来自: Luna
社区版块
存档分类
最新评论

让IE中的IFrame透明

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



ALLOWTRANSPARENCY="true"

同时,在IFrame中的页面要加上:

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

这样就搞定了。

还有一种方法修饰:


iframe.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';
分享到:
评论

相关推荐

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

    IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容,则必须满足下列条件。 1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。 2.在 iframe 内容源文档,background-color 或...

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

    在IE8中,当IFRAME内部嵌入video元素进行视频播放时,可能会导致外部元素的z-index层级设置失效,即不论外部元素的z-index值是多少,都会被IFRAME覆盖。解决这个问题的一个方法是在IFRAME的URL参数中添加wmode=...

    超好用的IE6png透明JS

    PNG是一种无损压缩的位图格式,提供了24位颜色和透明度的支持,但在IE6中,PNG-24格式的图片无法实现真正的透明效果,只有PNG-8格式部分支持,这对于追求高质量和设计感的网页开发者来说是个巨大的挑战。 "超好用的...

    iframe框架在IE浏览器下将白色背景设为透明色

    在标题提到的问题中,主要涉及如何在IE浏览器下将`iframe`的白色背景设为透明。 首先,`iframe`在大部分现代浏览器中默认是没有背景色的,但在IE浏览器中,`iframe`通常会有一个默认的白色背景。为了使`iframe`与...

    DD_belatedPNG.js解决IE6浏览器下的PNG透明图片显示问题

    在早期的Internet Explorer 6(简称IE6)浏览器中,PNG格式的图片,尤其是那些包含透明效果的PNG图片,存在严重的兼容性问题。这主要源于IE6不支持PNG8以上的Alpha透明度,导致透明PNG图片在该浏览器下显示为黑色...

    解决IE6 中select 穿透 div 等层的问题

    这个IFrame可以解决IE6中的z-index问题,使元素能够正确地遮挡住`&lt;select&gt;`。使用bgiframe时,需要引入jQuery库和bgiframe插件,并调用相应的方法将插件应用到目标元素上。 2. 创建透明IFrame:不依赖jQuery的情况...

    iframe背景透明的设置方法

    在一些场景中,我们可能希望iframe的背景能够显示为透明,而不是默认的白色或其他颜色,以达到视觉上的融合。要实现iframe背景的透明效果,需要对iframe的属性进行适当的设置。 首先,重要的是了解并非所有浏览器都...

    png图片在ie6上的透明问题

    PNG(Portable Network Graphics)是一种无损压缩的图像格式,支持透明度效果,但在Internet Explorer 6(简称IE6)这款老版本浏览器中,对PNG透明的支持并不完善,导致许多网页设计者头疼不已。下面我们将深入探讨...

    asp.net iframe的用法

    - `allowTransparency="true"` 属性可以让 `iframe` 的背景透明,但这仅适用于支持此属性的浏览器,如IE5.5及以上版本。 - 为了更好地布局和格式化 `iframe`,通常将其放置在 `div` 元素中,利用 CSS 进行定位和...

    让框架背景透明

    在网页设计中,有时我们需要让某些元素(如iframe)的背景变得透明,以便更好地融合到整体设计之中或实现特定的视觉效果。本文将详细介绍如何通过CSS样式来实现这一目标,并确保在不同浏览器中的兼容性表现。 #### ...

    flex-iframe-1.4.1.zip

    4. **高度定制**:开发者可以通过API和CSS样式来定制iframe的外观和行为,如边框、填充、透明度等,满足各种设计需求。 5. **跨域支持**:尽管同源策略限制了iframe与父页面的交互,但Flex-Iframe提供了一种跨域...

    ASP.NET iframe 的通用用法

    - **兼容性**: `&lt;iframe&gt;` 在不同浏览器中的表现可能略有差异,特别是在 IE5.5 以上的版本中支持更多功能。 - **性能**: 使用过多的 `&lt;iframe&gt;` 会影响页面加载速度,因此应尽量减少使用数量。 - **SEO**: `&lt;iframe&gt;...

    ie6中解决z-index

    在IE6浏览器中,`z-index` 是一个让人头疼的问题,因为它的行为与现代浏览器相比存在差异。`z-index` 属性在CSS中用于控制元素的堆叠顺序,决定哪些元素应该覆盖在其他元素之上。然而,IE6的实现并不完善,导致了...

    CSS浏览器兼容和IE中bug问题

    - **问题描述**:在IE中,`iframe`默认不支持背景透明。 - **解决方案**:可以通过设置`iframe`的`allowTransparency`属性为`true`来使`iframe`支持背景透明。 #### 总结 解决CSS兼容性问题的关键在于了解不同...

    解决在iframe页面里使用了DD_belatedPNG后显示空白的bug

    `DD_belatedPNG`是一个JavaScript库,它的主要功能是为不支持PNG透明度的老版本IE浏览器提供透明PNG图片的支持。 首先,我们需要理解`iframe`元素的作用。`iframe`(Inline Frame)是HTML中的一种元素,它允许在...

    通用的iframe弹层插件.zip

    总的来说,通用的iframe弹层插件是jQuery生态系统中的一种实用工具,它利用JavaScript和CSS的强大力量,为开发者提供了在网页中轻松实现弹出窗口功能的方法,从而提高网站的交互性和用户体验。在实际项目中,开发者...

    在IE6中浮动层遮盖不住select的方法

    创建一个透明的`&lt;iframe&gt;`,设置其大小和位置覆盖在浮动层和`&lt;select&gt;`之上,由于`&lt;iframe&gt;`在IE6中具有更高的Z-index,可以有效地遮挡`&lt;select&gt;`。需要注意的是,`&lt;iframe&gt;`的`src`属性通常设为空或者一个透明的...

    IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点

    标题和描述中提到的问题,即"IE6弹出Iframe层中的文本框‘经常’无法获得输入焦点",就是一个典型的例子。 这个问题的背景是,开发人员创建了一个自定义的弹出层,通过动态添加遮罩层和一个包含IFrame的DIV来实现。...

    ie6下select覆盖div的解决办法

    在IE6浏览器中,由于其独特的布局模型,经常会出现Select元素覆盖Div元素的情况,这个问题让很多前端开发者头疼。本文将详细解析这个问题的原因,并提供多种有效的解决办法。 首先,我们需要了解问题的根本原因。在...

Global site tag (gtag.js) - Google Analytics