DIV固定層CSS代碼詳解

網頁布局現在都用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 href='http://www.jyygyx.com/' target='_blank'>http://www.jyygyx.com/</a></div>
提示：可修改后代碼再運行!

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈