兼容ie6的position:fixed,但所有的定位将全变成fixed
2013-03-28 16:47
363 查看
<!DOCTYPE html>
<html>
<head>
<style>
body{margin:0;padding:0;}
html{_overflow:hidden;}
body{_overflow:auto;_height:100%;}
.fixed{right:17px;position:fixed;top:10px;_position:absolute;}
</style>
</head>
<body>
<div style="position: relative;top:40px;left:10px;background-color:blue;">
变成了fixed
<div style="position:absolute;top:100px;left:50px;background-color:red;">也变成了fixed</div>
</div>
<div style="height:600px;background-color:orange;top:0px;"></div>
<a href="javascript:window.scroll(0,0);" target="_self" class=fixed>回顶部</a>
</body>
</html>
看来这么hack,用处不大
<html>
<head>
<style>
body{margin:0;padding:0;}
html{_overflow:hidden;}
body{_overflow:auto;_height:100%;}
.fixed{right:17px;position:fixed;top:10px;_position:absolute;}
</style>
</head>
<body>
<div style="position: relative;top:40px;left:10px;background-color:blue;">
变成了fixed
<div style="position:absolute;top:100px;left:50px;background-color:red;">也变成了fixed</div>
</div>
<div style="height:600px;background-color:orange;top:0px;"></div>
<a href="javascript:window.scroll(0,0);" target="_self" class=fixed>回顶部</a>
</body>
</html>
看来这么hack,用处不大
相关文章推荐
- 完美解决IE6浏览器下不兼容position:fixed固定定位
- position:fixed 固定定位(兼容IE6)问题及关闭浮动框的JS
- 解决IE6浏览器下position:fixed固定定位问题
- ie6不识position:fixed,固定定位的其它实现
- 解决IE6下 position的fixed定位问题
- IE6浏览器不支持固定定位(position:fixed)解决方案
- 【JavaScript】利用滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
- 【JavaScript】利用滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
- 解决IE6浏览器下position:fixed固定定位问题
- IE6浏览器不支持固定定位(position:fixed)解决方案
- IE6 position:fixed (固定定位)的解决方案
- 解决 IE6 position:fixed 固定定位问题
- 完美解决ie6下position:fixed 定位
- 解决IE6浏览器下position:fixed固定定位问题
- 让IE6兼容position:fixed
- 解决 IE6 position:fixed 固定定位问题
- 解决position:fixed在IE6下的兼容问题;
- 解决position: fixed;不兼容IE7的问题,由于IE6不支持些属性,可以不管
- 解决 IE6 position:fixed 固定定位问题
- IE6 position:fixed 固定定位问题