石家庄做网站,石家庄网站优化,石家庄网络推广,石家庄网络公司
当前位置:主页 > 新闻资讯 > 建站经验 >

DIV固定层CSS代码详解

发表日期:2019-12-27 13:56文章编辑:建站教程浏览次数: 标签: 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刷新本页,
 

如没特殊注明,文章均来自网络!转载请注明来自:https://www.yousouke.com/News/jzjy/744.html

网站设计案例推荐

热门新闻

「石家庄网站建设」企业建网站如何提高网页打开速度

手机网站建设技巧及推广方法

「不等于符号」sql 不等于符号

服务器返回的http状态码

做好站内优化的重要性有哪些?

phpcms显示验证码出错怎么办?

CSS解决文字与图片不能水平居中对齐的问题

网站运营推广中哪些问题常常会遇到?

相关新闻

织梦dede任意模板调用全站随机文章

dede织梦 {dede:channelartlist}标签栏目序号调用方法

dede织梦"关键字不能小于2个字节"解决办法

dedecms采集过滤规则及替换规则

几种常见的JS操作CSS的方法

margin和padding属性不起作用的原因

推荐新闻

超链接去掉下划线的几个方法

石家庄网站关键词优化之网站词库企业关键词的建立

【seo优化公司】快速提升网站权重的几个方法?

网站取消备案和注销备案到底有什么区别?

企业网站建设中有哪几个重要点?

学校网站建设方案里面主要包含哪些内容呢?

网页加载缓慢怎么办?

404页面对SEO优化影响有多大?

石家庄SEO:PR值是什么意思?