让网页框架透明 底部对齐的代码
程序员文章站
2023-04-02 12:50:07
让网页框架透明 ie5.5和nn6以上的浏览器支持frame，iframe对象的allowtransparency方法，如果某对象的背景颜色设置为transparency的...
让网页框架透明
ie5.5和nn6以上的浏览器支持frame，iframe对象的allowtransparency方法，如果某对象的背景颜色设置为transparency的，它将继承包含它容器的特性。我们可以通过这个特性实现透明背景的开/关。
代码如下：
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>
iframe
<iframe id="frame1" src="a.html" allowtransparency="true" height=180 width=300> </iframe>
底部对齐的代码：
<style type="text/css">
.box1 {border:1px #cccccc solid; width:500px; height:600px;position:relative;}
.box2 {border-top:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:0;}
</style>
<div class="box1">
<div class="box2"></div>
</div>
ie5.5和nn6以上的浏览器支持frame，iframe对象的allowtransparency方法，如果某对象的背景颜色设置为transparency的，它将继承包含它容器的特性。我们可以通过这个特性实现透明背景的开/关。
代码如下：
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>
iframe
<iframe id="frame1" src="a.html" allowtransparency="true" height=180 width=300> </iframe>
底部对齐的代码：
<style type="text/css">
.box1 {border:1px #cccccc solid; width:500px; height:600px;position:relative;}
.box2 {border-top:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:0;}
</style>
<div class="box1">
<div class="box2"></div>
</div>