讓網(wǎng)頁框架透明 底部對(duì)齊的代碼
更新時(shí)間：2008年01月09日 13:46:24 作者：
讓網(wǎng)頁框架透明 底部對(duì)齊的代碼
讓網(wǎng)頁框架透明
IE5.5和NN6以上的瀏覽器支持Frame，Iframe對(duì)象的allowTransparency方法，如果某對(duì)象的背景顏色設(shè)置為Transparency的，它將繼承包含它容器的特性。我們可以通過這個(gè)特性實(shí)現(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>
底部對(duì)齊的代碼：
<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對(duì)象的allowTransparency方法，如果某對(duì)象的背景顏色設(shè)置為Transparency的，它將繼承包含它容器的特性。我們可以通過這個(gè)特性實(shí)現(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>
底部對(duì)齊的代碼：
<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)文章
用div實(shí)現(xiàn)像table一樣的布局方法
下面是我翻譯的內(nèi)容，是根據(jù)我對(duì)文章的理解意譯的，你就別挑哪里翻譯的不對(duì)了，我的目的只是傳達(dá)這個(gè)CSS技巧。2008-04-04
研究了一下div+css的高度自適應(yīng)問題...2007-08-08
CSS制造：鼠標(biāo)移上去顯示大圖...2006-12-12
上四篇的內(nèi)容是把常用的XHTML標(biāo)簽?zāi)贸鰜斫榻B了一下，不是很詳細(xì)。不過沒關(guān)系，重點(diǎn)是要能先知道用他們，以后深入了再去細(xì)細(xì)研究更為詳細(xì)的特性以及使用方法就容易多了。2008-06-06
解決ie動(dòng)態(tài)修改link樣式，import css不刷新的問題
當(dāng)我們需要?jiǎng)討B(tài)更新link的樣式的時(shí)候，通常是直接修改link的 href 屬性。但是如果樣式里有import的樣式表，IE就不會(huì)在發(fā)起請(qǐng)求去刷新了(其他瀏覽器都是正常的)2008-05-05
ie6,ie7,ie8完美支持position:fixed的終極解決方案
ie6對(duì)position:fixed不支持，網(wǎng)上有很多解決方法，有的在ie6,ie7上調(diào)試成功后，在ie8上又不好使，div層還是跟隨滾動(dòng)條浮 動(dòng)；以下總結(jié)方法，在ie6,ie7,ie8上都調(diào)試成功，且頁面滾動(dòng)條滾動(dòng)時(shí)，效果還挺好，div層并不會(huì)閃爍。2014-05-05
dl+ol應(yīng)用分析...2007-03-03
超級(jí)連接的提示中換行效果實(shí)現(xiàn)代碼
前段時(shí)間有網(wǎng)友在論壇發(fā)帖問＂如何實(shí)現(xiàn)超級(jí)連接的多行顯示＂，其實(shí)方法很簡單就是使用title 和 alt就可以實(shí)現(xiàn)。2008-05-05
此問題不知道遇到多少次了，又一次遇見了。索性copy到這里，下次就不用打字了?，F(xiàn)在好多做布局都是用一個(gè)大的div里面嵌套，實(shí)現(xiàn)效果更好2008-05-05
超贊的隨機(jī)顏色搭配工具...2007-05-05