对于网上解除 IE6 下 position 的 fixed 定位问题的补充
2011-10-21 09:53
381 查看
网上有许多关于 IE6 的 position fixed 定位 bug的解决方案,这两天玩页面的时候有碰到这个问题,结果找了网上一大堆的代码下来,大多是用 css hack 和 页面注释 来解决,当然,我也没有什么更好的方法,但是,我这里需要补充一点就是,这些方案里面其实有个重点,那就是页面如果少了下面这一句,那所有一切都是浮云,所有的解决方案在 IE6 下都不会成功,我可是一一试过了(不排除有例外),好了,看下面这句到底是神马吧:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
真是天雷滚滚,天劫你就劈了我吧@!!!
算了,还是贴一个网上的 css 代码吧:
/* fix for IE's position fixed bug */
*html{
background-image:url(about:blank);
background-attachment:fixed;
}
.ie-fixed-bottom{
_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)));
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
真是天雷滚滚,天劫你就劈了我吧@!!!
算了,还是贴一个网上的 css 代码吧:
/* fix for IE's position fixed bug */
*html{
background-image:url(about:blank);
background-attachment:fixed;
}
.ie-fixed-bottom{
_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)));
}
相关文章推荐
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6 下 position:fixed 绝对定位的问题
- 解决IE6下固定定位问题 使用position:fixed
- 解决IE6浏览器下position:fixed固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题(div固定,不随着滚动条滚动)
- IE6 position:fixed 固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决IE6下 position的fixed定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 学习笔记 如何解决IE6 position:fixed固定定位问题{转载}
- 解决 IE6 position:fixed 固定定位问题