页面规划如今都用DIV+CSS了,为了页面的规划美观,需求把某些DIV层设置固定方位,不跟从浏览器翻滚条而翻滚,对于菜鸟来说,设置这样的DIV层的CSS代码有点难度,我也是个菜鸟,花了点时刻研讨下了CSS代码,现分享给有需求的站长,运用此CSS款式代码能够设置DIV层在页面任何地方固定
-
<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刷新本页http://www.dgshengding.com/</a></div>
阅读(234) | 评论(0) | 转发(0) |