網頁布局現在都用DIV+CSS了,為了網頁的布局好看,需要把某些DIV層設置固定位置,不跟隨瀏覽器滾動條而滾動,對于新手來說,設置這樣的DIV層的CSS代碼有點難度,我也是個新手,花了點時間研究下了CSS代碼,現分享給有需要的站長,使用此CSS樣式代碼可以設置DIV層在頁面任何地方固定
DIV+CSS詳細代碼如下:
<style>#box {height:45px;/*高度*/background:#488fce;/*背景顏色*/width:100%;/*寬度*/position:fixed;/*固定層*/top:0px;/*這是頂部距離,如要設置底部bottom:0,如要左邊或者右邊顯示left:數值px,right:數值px*/filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;z-index:100;/*設置該DIV層透明度*/}</style><div id="box"><div style="width:960px;">這是DIV固定層</div></div>
<div style="text-align:center;margin:30px 0 0 0;">
<hr style="color:#999;height:1px;">
如不能顯示效果,請按Ctrl+F5刷新本頁,
更多網頁代碼:<a target='_blank'>武林網</a></div>
新聞熱點
疑難解答