一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > css教程 > css3教程

推荐专题

最新下载

热门教程

css div固定顶部例子

时间：2022-06-25 13:40:47 编辑：袖梨 来源：一聚教程网


有很多网站都有固定在顶部的html样式但是不知道怎么弄啊！费了很大的力气才知道这个是关键字是 html div css 固定顶部 而且这个代码还支持半透明哦！ 好了这个代码支持ie和360 至于ie6 是否也支持我就不知道咯！下面就是代码了
 

固定在顶部啊

例子

 

 

 

 

CSS定义一个固定在页面顶部的层 

 

body { 

 

margin: 0; 

padding: 0; 

background-attachment: fixed; /* prevent screen flash in IE6 */ 

} 

div,ul{margin: 0;padding: 0;} 

#topNavWrapper { 

width: 980px; 

text-align: left; 

height: 31px; 

margin: 0px auto; 

z-index:100; 

_position: relative ; 

_top:0px; 

} 

#topNav { 

width: 980px; 

float: left; 

display: block; 

z-index: 100; 

overflow: visible; 

position: fixed; 

top: 0px; /* position fixed for IE6 */ 

_position: absolute; 

_top: expression(documentElement.scrollTop + "px"); 

background-image: url( /uploadfile/2012/0717/0717014456145_4456.gif); 

background-repeat: no-repeat; 

background-position: right; 

height: 31px; 

line-height: 31px; 

color:#fff; 

background-color:#444; 

text-align:center; 

} 

 

 

 

 

 

我是固定在页面顶部的层 

 
   

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:[email protected] 我们24小时内处理