跨瀏覽器的實(shí)踐:position:fixed 層的固定定位
更新時(shí)間：2008年11月16日 01:59:58 作者：
一般要固定某個(gè)div,我們都會(huì)讓該div{position:fixed},它的下一個(gè)div{position:absolute}看了幾個(gè)國(guó)外的關(guān)于CSS的固定定位跨瀏覽解決方案.他們卻反其道而為之
看示例吧:
<style type="text/css">
body{
margin:0;
padding:30px 0 0 0;
}
div#menu{
position:absolute; top:0;
left:0;
width:100%;
height:30px;
background-color:#ddd;
}
@media screen{
body>div#menu{
position:fixed;
}
}
* html body{
overflow:hidden;
}
* html div#content{
height:100%;
overflow:auto;
}
</style>
HTML示例:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
你刪除第一行注釋看看效果如何?
相關(guān)文章
下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必須遵守的標(biāo)簽嵌套規(guī)則，比如你不能在 <a> 里面再嵌入一個(gè) <a> 這樣的約定。2008-04-04
轉(zhuǎn)載未知大小的圖片在一個(gè)已知大小容器中的水平和垂直居中（二）
轉(zhuǎn)載未知大小的圖片在一個(gè)已知大小容器中的水平和垂直居中（二）...2007-01-01
比較漂亮的一個(gè)導(dǎo)航條的效果DIV+CSS...2007-03-03
鼠標(biāo)移動(dòng)到超鏈接上的效果...2007-02-02
當(dāng)完成一項(xiàng)前端的工作之后，許多人都會(huì)忘記該項(xiàng)目的結(jié)構(gòu)與細(xì)節(jié)。然而代碼并不是馬上就能完全定型，在余下的時(shí)間里還有不斷的維護(hù)工作，而這些工作也許不會(huì)是你自己完成。所以，結(jié)構(gòu)優(yōu)良的代碼能很大程度上優(yōu)化它的可維護(hù)性。下面列出五種提高CSS文件可維護(hù)性的方法，也就是一種較好的CSS樣式指南。2008-05-05![css圖片切換效果代碼[不用js]](http://img.jbzj.com/images/xgimg/bcimg5.png)
非常不錯(cuò)的圖片切換效果代碼，不用css，代碼比較精簡(jiǎn)，推薦使用，注意一下多瀏覽器的兼容性2008-09-09
告別AJAX實(shí)現(xiàn)無(wú)刷新提交表單
通常對(duì)于無(wú)刷新提交表單，我們都是運(yùn)用ajax實(shí)現(xiàn)的。前段時(shí)間了解到另一種無(wú)刷新提交表單的方法。現(xiàn)在整理出來(lái)分享給大家。2014-05-05
css Hspace 和vspace的圖片控制實(shí)例
更改圖片的間隔：使用Hspace與Vspace。2008-06-06
我們?cè)谧霰韱蔚那闆r下，input、textarea、button的樣式比較容易定義，select和input file的樣式難以定義。2008-11-11
css實(shí)現(xiàn)行間距效果...2007-08-08