IE6下position:fixed的bug解决
2010-07-18 15:20
239 查看
参考文章
: http://www.qianduan.net/fix-ie6-dont-support-position-fixed-bug.html
http://loo2k.com/ie6-position-fixed/
顶部固定
:
在相应
div
的
css
中添加
(
下划线只能被
ie6
识别
):
_position:
absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));
底部固定
:
_position:
absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
左侧固定
:
_position:
absolute;
_bottom:auto;
_left:expression(eval(document.documentElement.scrollLeft));
右部固定
:
_position:
absolute;
_bottom:auto;
_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
闪动问题
:
在
css
的
html
标签内添加
:
*html{
background-image:url(about:blank);
background-attachment:fixed;
}
IE6
下
position:absolute
元素消失
BUG
参考文章
: http://hi.baidu.com/hefeiqj/blog/item/67cfd2aea4b9b6054b36d6c6.html
在消失的
div
结束标签之后再添加一个空的
div
<div id=”miss”></div>
<!--[if IE
6]><div></div><![endif]--
>
: http://www.qianduan.net/fix-ie6-dont-support-position-fixed-bug.html
http://loo2k.com/ie6-position-fixed/
顶部固定
:
在相应
div
的
css
中添加
(
下划线只能被
ie6
识别
):
_position:
absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));
底部固定
:
_position:
absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
左侧固定
:
_position:
absolute;
_bottom:auto;
_left:expression(eval(document.documentElement.scrollLeft));
右部固定
:
_position:
absolute;
_bottom:auto;
_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
闪动问题
:
在
css
的
html
标签内添加
:
*html{
background-image:url(about:blank);
background-attachment:fixed;
}
IE6
下
position:absolute
元素消失
BUG
参考文章
: http://hi.baidu.com/hefeiqj/blog/item/67cfd2aea4b9b6054b36d6c6.html
在消失的
div
结束标签之后再添加一个空的
div
<div id=”miss”></div>
<!--[if IE
6]><div></div><![endif]--
>
相关文章推荐
- 解决IE6不支持position:fixed的bug
- 完美解决IE6不支持position:fixed的bug
- 完美解决IE6不支持position:fixed的bug
- js完美解决IE6不支持position:fixed的bug
- IE6不支持position:fixed bug的完美解决
- 完美解决IE6不支持position:fixed的bug
- 完美解决IE6不支持position:fixed的bug问题
- 解决IE6不支持position为fixed的bug
- js完美解决IE6不支持position:fixed的bug
- 完美解决IE6不支持position:fixed的bug
- 解决IE6不支持position:fixed的bug
- 完美解决IE6不支持position:fixed的bug
- 完美解决IE6下position:fixed的Bug;以及闪动问题
- 完美解决IE6不支持position:fixed的bug
- js,css三种方法解决IE6下position:fixed的Bug以及闪动问题
- 完美解决IE6不支持position:fixed的bug
- 完美解决IE6不支持position:fixed的bug
- 完美解决IE6不支持position:fixed的bug
- 完美解决IE6不支持position:fixed的bug
- 完美解决CSS中position为fixed在IE6下无效的bug