固定导航栏css样式代码
2018-07-20 来源:open-open
固定导航栏:
一条导航栏,无论页面怎么滚动,导航栏的位置始终固定在顶部。
实现:
其实很简单,在css里给导航栏所在的div设置四个属性,position设置为fixed,top和left设置为0px,然后把z-index的值设置成最高,即可实现。
css代码如下:
/* FixTop. Create by Alvin Xing */ *{ margin: 0px; padding: 0px; } div{ width: 800px; height: 30px; background-color: #c0c0c0; float: left } #header{ position: fixed; top: 0px; left: 0px; z-index: 100; }
标签: 代码
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。
最新资讯
热门推荐