讓網(wǎng)頁框架透明 底部對齊的代碼
更新時間：2008年01月09日 13:46:24 作者：
讓網(wǎng)頁框架透明 底部對齊的代碼
讓網(wǎng)頁框架透明
IE5.5和NN6以上的瀏覽器支持Frame，Iframe對象的allowTransparency方法，如果某對象的背景顏色設(shè)置為Transparency的，它將繼承包含它容器的特性。我們可以通過這個特性實現(xiàn)透明背景的開/關(guān)。
代碼如下：
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方法，如果某對象的背景顏色設(shè)置為Transparency的，它將繼承包含它容器的特性。我們可以通過這個特性實現(xiàn)透明背景的開/關(guān)。
代碼如下：
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>
相關(guān)文章
css中的行間距的代碼...2007-08-08
div布局的自由伸展三欄式版面的代碼...2007-11-11
通過CSS Hack 區(qū)分 FF/IE7/IE6/IE5.5/IE5 代碼推薦
通過CSS Hack 區(qū)分 FF/IE7/IE6/IE5.5/IE5 代碼推薦...2007-01-01
使用text-align:justify實現(xiàn)兩端對齊一例
使用text-align:justify實現(xiàn)兩端對齊一例...2007-09-09
html下利用javascript連數(shù)據(jù)庫
html下利用javascript操作本地數(shù)據(jù)庫的代碼2008-02-02
左側(cè)固定寬度，右側(cè)自適應(yīng)寬度的CSS布局
一邊固定寬度，另一邊根據(jù)瀏覽器窗口大小自動縮放寬度是這種很常用的布局。特別是在BS項目的界面設(shè)計中，幾乎都會用到。2008-09-09
ASP、PHP與javascript根據(jù)時段自動切換CSS皮膚的代碼
一個網(wǎng)站能切換不同的CSS風格大家應(yīng)該都了解，像眾所周知的騰訊在今年改版時也增加了切換皮膚的功能。2008-09-09
div+css中Class與ID的區(qū)別...2007-04-04
用CSS實現(xiàn)的一張圖完成的按鈕效果...2007-03-03
以前寫柱形圖時,用的是寬1px的圖片底,給width賦一個百分比出可以實現(xiàn).昨天晚上寫一個小統(tǒng)計時想用CSS寫一個漸變的!2008-11-11