让网页框架透明 底部对齐的代码
更新时间：2008年01月09日 13:46:24 作者：
让网页框架透明 底部对齐的代码
让网页框架透明
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>
相关文章
下面是我翻译的内容，是根据我对文章的理解意译的，你就别挑哪里翻译的不对了，我的目的只是传达这个CSS技巧。2008-04-04
研究了一下div+css的高度自适应问题...2007-08-08
CSS制造：鼠标移上去显示大图...2006-12-12
上四篇的内容是把常用的XHTML标签拿出来介绍了一下，不是很详细。不过没关系，重点是要能先知道用他们，以后深入了再去细细研究更为详细的特性以及使用方法就容易多了。2008-06-06
解决ie动态修改link样式，import css不刷新的问题
当我们需要动态更新link的样式的时候，通常是直接修改link的 href 属性。但是如果样式里有import的样式表，IE就不会在发起请求去刷新了(其他浏览器都是正常的)2008-05-05
ie6,ie7,ie8完美支持position:fixed的终极解决方案
ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮 动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，div层并不会闪烁。2014-05-05
dl+ol应用分析...2007-03-03
前段时间有网友在论坛发帖问＂如何实现超级连接的多行显示＂，其实方法很简单就是使用title 和 alt就可以实现。2008-05-05
此问题不知道遇到多少次了，又一次遇见了。索性copy到这里，下次就不用打字了。现在好多做布局都是用一个大的div里面嵌套，实现效果更好2008-05-05
超赞的随机颜色搭配工具...2007-05-05
最新评论