Chinaunix首页 | 论坛 | 博客
  • 博客访问: 307669
  • 博文数量: 206
  • 博客积分: 1040
  • 博客等级: 少尉
  • 技术积分: 1756
  • 用 户 组: 普通用户
  • 注册时间: 2012-04-09 17:22
文章分类

全部博文(206)

文章存档

2015年(3)

2014年(147)

2013年(2)

2012年(54)

我的朋友

分类: Html/Css

2014-12-02 11:06:32

最近在做站的时候,需要顶部导航条固定不动,要适应所有浏览器
代码如下:
	

.header-wrapper { background-color: #ccc;; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; }

导航条固定在顶部不动
在IE789,chrome,fox下浏览,正常,但在IE6下不行
IE6以上版本的IE浏览器及其他主流浏览器都是支持“position:fixed”的,但是IE6却不支持它。幸好,IE6 支持“position:absolute” 和 Internet Explorer 的CSS表达式(expression)。所以,对于别的浏览器,我们可以用“position:fixed” 进行固定定位,而对于IE6,我们可以用“position:absolute” 和CSS表达式,
加入代码:

/*ie6下样式,加下划线表示只针对ie6 的hack*/ _position:absolute; /* 把导航栏位置定义为绝对位置 */ _top:expression(eval(document.documentElement.scrollTop)); /* 把导航栏位置放在浏览器垂直滚动条的顶端 */

IE6下显示正常
阅读(7770) | 评论(0) | 转发(0) |
1

上一篇:09-19学习记录

下一篇:2014-12-09

给主人留下些什么吧!~~