星外飞客

最近有个需求，在网页头部顶顶一个工具栏，方便用户使用。做此记录。

该代码兼容IE6,IE7,IE8,IE9,FF等各浏览器。

CSS代码：

#fixed{position:fixed;_position:absolute;top:0;left:0;width:100%;height:32px;background-repeat:repeat-x;z-index:3;}

 其实这一条就可以实现了，但是IE6对position的fixed支持有问题，所有还要加段JS代码来实现IE6的固定。

if($.browser.msie && (parseInt($.browser.version) < 7)){
	$(document).ready(
		function(){$(window).bind("scroll", function(){
			bodyTop = document.documentElement.scrollTop + document.body.scrollTop;$("#fixed").css("top",bodyTop+"px");
		});
	});
}

注意以上JS使用了Jquery实现，请先加载jquery。