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

iframe在IE中的透明问题与allowTransparency属性

    博客分类:
  • css
阅读更多
    使用iframe调用的页面,在IE下(不包括IE9)会以白色背景显示(被调用页面没有设置背景颜色,以及系统的背景颜色默认为白色),如何让其透明?

    网络上已经有很多答案:
   
    在iframe标签中加上 allowTransparency="true" 属性

    即:
 
   
<iframe src="iframe.html" width="600px" height="500px" allowtransparency="true"  scrolling="no" frameborder="0"></iframe>


     有人说,被调用的页面的body中要加上style="background-color:transparent",其实是没有必要的,在IE5.5以上(不包括)版本中,已经没有必要使用。

     allowTransparency属性是针对iframe的特殊属性,仅对ie起到一定的作用,而其属性值,即上文提到的“true”则是不必须的,也就是说只要iframe中有allowTransparency属性存在,无论其值为多少,哪怕是“false”,也会对IE中iframe的透明起到作用,这也自然说明,其不用定义值也可以起到作用,那么在iframe只用加入“allowTransparency”即可

     即:
 
   
<iframe src="iframe.html" width="600px" height="500px" allowtransparency  scrolling="no" frameborder="0"></iframe>


分享到:
评论

相关推荐

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

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

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

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

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

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

    iframe背景透明的设置方法

    在上述代码中,父页面的背景色已经设置为红色(#FF0000),而iframe使用了allowTransparency属性,并设置为true,这是开启透明背景的前提条件。 对应的子页面(index.htm)的HTML和CSS代码如下: ```html ;...

    asp.net iframe的用法

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

    ASP.NET iframe 的通用用法

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

    让框架背景透明

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

    网页制作人员必看的24条技巧

    使IFRAME内部文档背景透明,可以通过在`&lt;iframe&gt;`标签中使用`allowtransparency`属性,并设置`&lt;body&gt;`样式为`background:transparent`来实现,提高页面的视觉整合度。 ### 4. 禁用右键菜单 通过在`&lt;body&gt;`标签中...

    Dreamweaver网站制作笔记

    3. **IFRAME背景透明**:通过在`&lt;iframe&gt;`标签中设置`allowtransparency`属性,并在源页面的`&lt;body&gt;`标签中设置`style='background:transparent'`,可以使IFRAME框架内的文档背景变为透明。 4. **禁止右键菜单**:...

    div ,frame等空间的透明实现代码

    注意,`allowTransparency`属性是微软特有的,仅在IE浏览器中有效,并且不是标准HTML属性,因此在使用时应考虑到跨浏览器的兼容性问题。 在实际操作中,假设我们有一个名为`example_frame`的frame,并希望它变得...

    [转]目前找到的最好的Iframe自适应高度代码

    在【标题】和【描述】中提到的代码,就是一种解决Iframe自适应高度问题的方法,它适用于多种浏览器,包括IE5.5、IE6.0、Firefox1.x以及Opera9.01。 首先,让我们深入理解这段代码的工作原理: 1. **Iframe的基本...

    网页制作经典技巧24条

    3. **IFRAME框架内文档背景透明**:在IFRAME标签中设置`allowtransparency`属性,并在其src属性中添加透明背景的HTML代码,如:`&lt;iframe src="about:&lt;body style='background:transparent'&gt;"&gt;&lt;/iframe&gt;`,可以让框架...

    网页内嵌方法.docx

    对于IE 5.5及以上版本,可以使用`allowTransparency="true"`使框架背景透明。 **二、Scriptlets组件技术** Scriptlets(或称为Windows脚本编程组件,WSC)是一种类似ActiveX控件的技术,它通过`&lt;OBJECT&gt;`标签插入...

    dwcs4一些很有用的页面限制代码

    2. **在被包含页面的`&lt;body&gt;`标签中添加`style='background:transparent'`**:这样处理可以确保只有`iframe`中的内容背景透明,不影响其他部分。 3. **在被包含页面的`&lt;body&gt;`标签中添加`scroll="no"`**:同样实现...

    学习更轻松!!!一些常用的JS代码

    这里展示了如何创建一个背景透明的iframe,其中`allowtransparency`属性确保了iframe内的内容可以显示为透明,而`FILTER:chroma(COLOR=#ffffff)`则是在IE浏览器下实现背景透明效果的一种方式。 ### 网页滚动条样式...

    web开发常用小技巧.doc

    - `allowtransparency` 属性允许IFRAME背景透明。 - `obj.style.cssText` 获取或设置元素的内联样式。 - `innerHTML` 获取或设置HTML元素的内容。 - `document.styleSheets` 访问页面样式表,`rules` 属性访问...

    CSS常见11条技巧与经验收集

    要设置IE中的iframe背景透明,可以在`&lt;iframe&gt;`标签中添加`allowtransparency="true"`属性,同时设置iframe内部页面body的背景色为`transparent`。但需要注意,这样做可能会导致iframe无法遮盖`&lt;select&gt;`元素等其他...

    ASP.NET网页设计的24条小技巧

    `allowtransparency`属性允许IFRAME显示透明背景。 #### 技巧4:禁用右键菜单与拖拽选择 为了保护网页内容不被轻易复制,可以使用JavaScript禁用右键菜单、拖拽选择等功能: ```html ()" oncopy="document....

Global site tag (gtag.js) - Google Analytics