IE 6 中的固定定位 | CSS-Tricks

* { margin:0; padding:0; }
html, body {
   height: 100%;
}
body #fixedElement {
   position:fixed !important;
   position: absolute; /*ie6 and above*/
   top: 0;
   right: 0;
}
#page-wrap {
    width: 600px;
    margin: 0 auto; 
    font: 16px/2 Georgia, Serif;
}

如果要沿浏览器窗口底部边缘进行固定定位，则需要在 body 和 html 元素上设置 100% 的高度。

Hitesh Chavda

# 2009年10月25日

看起来在 IE6 上不起作用

arnold

评论永久链接# 2010年1月18日

是的，他是对的

# 2009年10月25日

或者你可以通过表达式来实现，像这样

* html #element{
		position: absolute; left: 0px; top: 0px;
		left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );		
}

这是用于顶部固定定位的

Mathiyalagan

评论永久链接# 2012年10月6日

这段代码对我有效。谢谢老兄。IE 6 的问题解决了。

Tony

# 2010年3月11日

这个教程救了我的命。我没想到在 IE6 中可以做到这一点。谢谢，谢谢，谢谢。

Shaz3e

评论永久链接# 2010年6月4日

它对你来说是如何起作用的？

amtyera

# 2010年3月16日

抱歉。在 IE6 中不起作用

Shaz3e

# 2010年6月4日

对我也不起作用

cooljaz124

# 2011年1月14日

它似乎不起作用。另外，有没有办法为必须与底部保持一定距离（而不是顶部）的 div 实现 position:fixed 效果？

甚至，jQuery 解决方案也可以。提前感谢。

Shaz3e

评论永久链接# 2011年1月14日

仍在寻找它……

Thierry Koblentz

# 2011年1月21日

正如 FJ 提到的（2009年10月25日），可以使用 CSS 表达式来实现，但需要一些额外的技巧才能获得流畅的滚动

http://www.css-101.org/fixed-positioning/05.php

Kush

# 2013年4月8日

您可以使用 _position:absolute; 以及 position:fixed，以便只有 IE 会处理该 absolute 部分，而其他浏览器甚至不会读取它。

calistera

# 2013年7月24日

天哪，谢谢！你是个巫师！xD =)

评论

发表回复 取消回复

发表回复取消回复