Chinaunix首页 | 论坛 | 博客
  • 博客访问: 79061
  • 博文数量: 73
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 740
  • 用 户 组: 普通用户
  • 注册时间: 2014-07-04 16:50
文章分类
文章存档

2014年(73)

我的朋友

分类: Html/Css

2014-08-21 10:29:55

页面规划如今都用DIV+CSS了,为了页面的规划美观,需求把某些DIV层设置固定方位,不跟从浏览器翻滚条而翻滚,对于菜鸟来说,设置这样的DIV层的CSS代码有点难度,我也是个菜鸟,花了点时刻研讨下了CSS代码,现分享给有需求的站长,运用此CSS款式代码能够设置DIV层在页面任何地方固定


点击(此处)折叠或打开

  1. <style>
  2. #box {
  3. height:45px;/*高度*/
  4. background:#488fce;/*背景颜色*/
  5. width:100%;/*宽度*/
  6. position:fixed;/*固定层*/
  7. top:0px;/*这是顶部距离,如要设置底部bottom:0,如要左边或者右边显示left:数值px,right:数值px*/
  8. filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;z-index:100;/*设置该DIV层透明度*/
  9. }
  10. </style>
  11. <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) |
给主人留下些什么吧!~~