现在位置:首页 > 网站设计 > DIV固定层CSS代码详解

DIV固定层CSS代码详解

作者:蓝叶 分类:网站设计 时间:2012-12-24 浏览:9775 评论:4

DIV固定层CSS代码详解

网页布局现在都用DIV+CSS了,为了网页的布局好看,需要把某些DIV层设置固定位置,不跟随浏览器滚动条而滚动,对于新手来说,设置这样的DIV层的CSS代码有点难度,我也是个新手,花了点时间研究下了CSS代码,现分享给有需要的站长,使用此CSS样式代码可以设置DIV层在页面任何地方固定,DIV+CSS详细代码如下:

#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层透明度*/
}
<div id="box"><div style="width:960px;">这是DIV固定层</div></div>

免责声明:

本页网址:点击复制分享给朋友吧!

本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!

猜您喜欢
    评论列表
    挤眼亲亲咆哮开心想想可怜糗大了委屈哈哈小声点右哼哼左哼哼疑问坏笑赚钱啦悲伤耍酷勾引厉害握手耶嘻嘻害羞鼓掌馋嘴抓狂抱抱围观威武给力
    提交评论

    清空信息
    关闭评论
    果冻
    果冻游客
    #3
    好清爽的页面
    2017-09-02 21:23回复
    缥缈风飞舞
    缥缈风飞舞游客
    #2
    对于flash文件和视频  会被挡住 这问题可以解决么
    2012-12-24 12:49回复
    蓝叶
    蓝叶游客
    @缥缈风飞舞:没研究过,稍后研究下。
    2012-12-24 13:21回复
    缥缈风飞舞
    缥缈风飞舞游客
    #1
    学习了
    2012-12-24 12:34回复
    音乐欣赏