热门关键字:
jquery > jquery教程 > div+css > 让ie6支持fixed最简单和实用的方法

让ie6支持fixed最简单和实用的方法

2575
作者:管理员
发布时间:2013/11/6 14:14:27
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=361

ie6的兼容性问题一直都是前端工程师的恶梦,为了早早脱离这种困境,本文整理了一个前端经常用到的兼容技巧知识,感兴趣的朋友可以参考下哈,希望可以帮助到你,让ie6支持fixed最简单和实用的方法,是由jquery学堂1群的网友涛涛分享到群共享的,看到挺好的就整理发布到JquerySchool网站上了,让更多的网友们也可以利用起来,废话不多说啦,直接贴全部代码出来,文章最后面带打包下载和在线演示。。。


代码如下:


<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>让ie6支持fixed的解决方法</title>
	<style>
	*html{_background-image:url(about:blank);_background-attachment:fixed;}/*防止ie6下抖动*/
	body{margin: 0;padding: 0;height: 2000px}
	#fx{height: 250px;width: 300px;background: #ccc;position: fixed;right: 10px;top: 50%;margin-top: -150px;
		_position:absolute;
		_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2));
	}
	</style>
</head>
<body>
 <div id="fx">
	<script type="text/javascript">/*728*90,创建于2012-8-23*/var cpro_id = "u1034144";</script>
	<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
 </div>
</body>
</html>




网友czqn8分享jquery实现图片翻牌旋转特效网友czqn8分享jquery实现图片翻牌旋转特效





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:IE6定位 fixed
友荐云推荐