使用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对象的allowTransparency属性应用,在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。 allowTransparency设置或获取对象是否可为透明。 bgColor 设置或...
在标题提到的问题中,主要涉及如何在IE浏览器下将`iframe`的白色背景设为透明。 首先,`iframe`在大部分现代浏览器中默认是没有背景色的,但在IE浏览器中,`iframe`通常会有一个默认的白色背景。为了使`iframe`与...
- **问题描述**:在IE中,`iframe`默认不支持背景透明。 - **解决方案**:可以通过设置`iframe`的`allowTransparency`属性为`true`来使`iframe`支持背景透明。 #### 总结 解决CSS兼容性问题的关键在于了解不同...
在上述代码中,父页面的背景色已经设置为红色(#FF0000),而iframe使用了allowTransparency属性,并设置为true,这是开启透明背景的前提条件。 对应的子页面(index.htm)的HTML和CSS代码如下: ```html ;...
- `allowTransparency="true"` 属性可以让 `iframe` 的背景透明,但这仅适用于支持此属性的浏览器,如IE5.5及以上版本。 - 为了更好地布局和格式化 `iframe`,通常将其放置在 `div` 元素中,利用 CSS 进行定位和...
- **兼容性**: `<iframe>` 在不同浏览器中的表现可能略有差异,特别是在 IE5.5 以上的版本中支持更多功能。 - **性能**: 使用过多的 `<iframe>` 会影响页面加载速度,因此应尽量减少使用数量。 - **SEO**: `<iframe>...
在网页设计中,有时我们需要让某些元素(如iframe)的背景变得透明,以便更好地融合到整体设计之中或实现特定的视觉效果。本文将详细介绍如何通过CSS样式来实现这一目标,并确保在不同浏览器中的兼容性表现。 #### ...
使IFRAME内部文档背景透明,可以通过在`<iframe>`标签中使用`allowtransparency`属性,并设置`<body>`样式为`background:transparent`来实现,提高页面的视觉整合度。 ### 4. 禁用右键菜单 通过在`<body>`标签中...
3. **IFRAME背景透明**:通过在`<iframe>`标签中设置`allowtransparency`属性,并在源页面的`<body>`标签中设置`style='background:transparent'`,可以使IFRAME框架内的文档背景变为透明。 4. **禁止右键菜单**:...
注意,`allowTransparency`属性是微软特有的,仅在IE浏览器中有效,并且不是标准HTML属性,因此在使用时应考虑到跨浏览器的兼容性问题。 在实际操作中,假设我们有一个名为`example_frame`的frame,并希望它变得...
在【标题】和【描述】中提到的代码,就是一种解决Iframe自适应高度问题的方法,它适用于多种浏览器,包括IE5.5、IE6.0、Firefox1.x以及Opera9.01。 首先,让我们深入理解这段代码的工作原理: 1. **Iframe的基本...
3. **IFRAME框架内文档背景透明**:在IFRAME标签中设置`allowtransparency`属性,并在其src属性中添加透明背景的HTML代码,如:`<iframe src="about:<body style='background:transparent'>"></iframe>`,可以让框架...
对于IE 5.5及以上版本,可以使用`allowTransparency="true"`使框架背景透明。 **二、Scriptlets组件技术** Scriptlets(或称为Windows脚本编程组件,WSC)是一种类似ActiveX控件的技术,它通过`<OBJECT>`标签插入...
2. **在被包含页面的`<body>`标签中添加`style='background:transparent'`**:这样处理可以确保只有`iframe`中的内容背景透明,不影响其他部分。 3. **在被包含页面的`<body>`标签中添加`scroll="no"`**:同样实现...
这里展示了如何创建一个背景透明的iframe,其中`allowtransparency`属性确保了iframe内的内容可以显示为透明,而`FILTER:chroma(COLOR=#ffffff)`则是在IE浏览器下实现背景透明效果的一种方式。 ### 网页滚动条样式...
- `allowtransparency` 属性允许IFRAME背景透明。 - `obj.style.cssText` 获取或设置元素的内联样式。 - `innerHTML` 获取或设置HTML元素的内容。 - `document.styleSheets` 访问页面样式表,`rules` 属性访问...
要设置IE中的iframe背景透明,可以在`<iframe>`标签中添加`allowtransparency="true"`属性,同时设置iframe内部页面body的背景色为`transparent`。但需要注意,这样做可能会导致iframe无法遮盖`<select>`元素等其他...
`allowtransparency`属性允许IFRAME显示透明背景。 #### 技巧4:禁用右键菜单与拖拽选择 为了保护网页内容不被轻易复制,可以使用JavaScript禁用右键菜单、拖拽选择等功能: ```html ()" oncopy="document....