页面固定DIV层CSS代码
浏览数：33 /
时间：2015年06月09日
有时候为了用户体验更好些，网页设计师会把网站导航放在一个固定的DIV层里面，不随滚动条滚动。本方法是利用CSS，position:fixed属性来固定层，fixed是特殊的absolute，即fixed总是以body为定位对象的，按照浏览器的窗口进行定位。这样网站导航布局好看些，以下是实现的一种方法：
- #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>
本网站内容来源程序员博客：http://programmer.org.cn/css3/51.html，程序员博客是知识分享型自媒体博客。记录计算机语言学习方法，WebAPP开发思路，网站建设以及搜索引擎相关知识。与开发者、站长一起成长！
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
