因为想通过IFRAME的方式调用，希望被调用页面的背景能透明。
<IFRAME src="url" frameBorder=0 width=588 scrolling=no height=25></IFRAME>
IE5.5和NN6以上的浏览器支持Frame ，Iframe对象的allowTransparency方法，如果某对象的背景颜色设置为Transparency的，它将继承包含它容器的特性。我们可以通过这个特性实现透明背景的开／关。
在FF下不存在背景不透明的问题,好像IE就要设一下.
在iframe中设置属性为
<iframe src="left.htm" scrolling="no"
allowtransparency=true width="209" height="900" frameborder="0"></iframe>
在left.htm设置<body style="background-color:transparent">
如果不进行设置,则默认的背景色是白色.
具体实例如下：
a.html如下：
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY style="BACKGROUND-COLOR: transparent">
<H1>透明文档</H1>
<P>此IFRAME无背景颜色</P>
<P>BODY：<br><BODY STYLE="background-color:transparent"></P></BODY></HTML>
b.html如下：
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY style="BACKGROUND-COLOR: transparent">
<H1>透明文档</H1>
<P>此IFRAME 设为绿色。</P>
<P>BODY： <br><BODY STYLE="background-color:transparent"></P></BODY></HTML>
如果a.html透明的，它将继承IFRAME的背景颜色 如果容器IFRAME也是透明的，a.html将继承Iframe的父容器的颜色，如果一个对象不透明，它将覆盖其容器的颜色，默认是透明的。
Internet Explorer 5.5 以上版本允许你设置透明属性，通过设置是否可被透明，你可以改变背景的颜色。［在不设置透明属性的情况下，默认背景颜色为白色］
IFRAME定义如下：
<IFRAME ID="frame1" SRC="a.html" allowTransparency="true" HEIGHT=180 WIDTH=300> </IFRAME> <IFRAME ID="frame2"
SRC="b.html" allowTransparency="true" STYLE="background-color:#459800" HEIGHT=180 WIDTH=300> </IFRAME>
按钮定义如下：
<INPUT TYPE="button" VALUE="不透明" onclick="turnTransparencyOff()"> <INPUT TYPE="button" VALUE="透明"
onclick="turnTransparencyOn()">
<script>
//函数turnTransparencyOff()：
function turnTransparencyOff()
{ document.all.frame1.allowTransparency = false; document.all.frame2.allowTransparency = false; }
//函数turnTransparencyOn()：
function turnTransparencyOn()
{ document.all.frame1.allowTransparency = true; document.all.frame2.
在被ifame的页面里写
<body style="background-color:transparent">
调用页写
allowtransparency=true
这样只能让ifame的页面背景透明 但是滚动条依然不行
要想让全部都透明
要把ifame的页面的css属性里设置滚动条颜色
然后在调用页面<ifame>属性里写 style="filter:chroma(color=#ffffff)"
注意颜色要和被ifame的页面的滚动条颜色设置成一样的
这样不仅背景透明 连滚动条都透明了
相关推荐
可以使用CSS来设置`div`的样式，使其看起来像一个弹出窗口，包括边框、背景、透明度等效果。例如： ```html ; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:white; border:1px ...
在网页设计和开发中，有时候我们需要创建一种效果，即当用户点击某个元素时，一个弹出窗口会在页面上出现，同时背景变暗，以便聚焦用户的注意力。这就是所谓的“模态”或“弹出框”效果。Colorbox是一个流行的...
Lightbox是一种常见的网页图片预览技术，它允许用户在点击图片链接后，图片会在当前页面上以半透明背景和居中的方式弹出显示，提供更好的观看体验。在提及的"Lightbox在iframe内弹在父窗口上"的话题中，我们讨论的是...
6. **遮罩层**：在弹出层显示时，可能有一个半透明的遮罩层覆盖整个页面，以突出弹出内容并阻止用户与背景交互。 7. **动画效果**：添加平滑的打开和关闭动画，提升用户体验。 在实际应用中，开发者可以通过...
而当涉及到跨域通信或者需要在Iframe内打开一个模态窗口，并使其在父窗口中显示时，greybox这一技术就显得尤为重要。本文将详细解析greybox在Iframe的父窗口弹出的原理及其应用。 首先，理解greybox是什么至关重要...
首先，了解IFrame（Inline Frame）是网页设计中的一个关键元素，它允许在一个HTML页面中嵌入另一个HTML页面。在Unigui应用中，IFrame可以用于展示外部内容，比如动态数据、第三方服务或内部模块之间的通信。 1. **...
例如，'img'代表所有图片元素，'.pngBg'则可能是一个具有PNG背景图片的类名。 压缩包内的"DD_belatedPNG.txt"文档很可能是对这个库的详细使用说明，包括如何引入库、如何调用以及一些常见问题的解决方案。如果在...
1. **遮罩效果**：遮罩层是在弹出窗口后面添加一个半透明的背景层，以突出显示弹出窗口并防止用户与页面其他部分互动。实现这一效果通常涉及到CSS的透明度和定位属性，以及JavaScript来动态调整遮罩层的大小和显示。...
在网页设计中，创建一个父页面显示遮罩层并弹出半透明状态的dialog是常见的交互效果，这种设计可以提供用户友好的体验，使他们能够专注于当前操作而不会被其他页面元素分心。Dialog（对话框）通常用来展示重要的信息...
有用的控件,经常使用设置背景透明 设置webview的backgroundColor属性为[UIColor clearColor]; ? 1 webView.backgroundColor = [UIColor clearColor]; 为webview中的HTML页面的body标签添加CSS背景样式设置 ? ...
当用户点击一个链接或图像，Thickbox会通过JavaScript动态地创建一个覆盖整个页面的黑色半透明背景层，然后在中央加载选定的内容。内容可以是图片、HTML页面、SWF文件、YouTube视频等，这些都是通过修改DOM元素并在...
-Button控件将不再自动拥有display:inline属性，如果希望两个按钮在一行显示，请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...
-Button控件将不再自动拥有display:inline属性，如果希望两个按钮在一行显示，请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...
5. **让IFRAME框架内的文档背景透明** `IFRAME`元素常用于在页面中嵌入其他网页或内容。通过设置`style="background: transparent"`和`allowtransparency`属性，可以使IFRAME内的文档背景变为透明，允许其下方的...
在网页上，当用户点击一个缩略图时，Lightbox会以半透明背景层覆盖整个页面，将所选图片放大并在中心显示，同时提供导航按钮以便浏览相关图片集。这种效果增强了用户的互动性和视觉享受，使得在线查看图片变得更加...
Thickbox是一个基于Jquery的轻量级插件，它提供了全屏弹出窗口的功能，常用于图片预览、iframe嵌入或任何需要在一个独立的、半透明的背景层上显示的内容。Thickbox具有自定义配置选项，如尺寸、样式和行为，使得它...
而bgiframe_2.1.1.zip则是jQuery的一个重要插件，它专为解决在特定浏览器环境中对话框（dialog）背景透明度问题而设计。这个小巧的插件极大地提升了用户体验，使得对话框在各种浏览器环境下都能保持一致的显示效果。...
这个问题的背景是，开发人员创建了一个自定义的弹出层，通过动态添加遮罩层和一个包含IFrame的DIV来实现。IFrame加载的是一个外部的HTML文件，该文件中包含了一些表单元素，如文本输入框。在IE6环境下，用户尝试点击...
Layer是一个非常流行且功能强大的JavaScript弹层插件，版本号为v1.8.1。这个插件以其易用性和高度可定制性深受开发者喜爱，它提供了丰富的选项和方法来满足不同场景的需求。 在Layer插件中，你可以创建多种类型的...
这个iframe就像是一个“背景框架”，可以确保元素的z-index正确生效，即便是在有浮动或绝对定位元素的复杂布局中。 在“bgiframe-master”这个压缩包中，你将找到以下核心文件和资源： 1. bgiframe.js：这是jQuery...