ie6_fixed浮动窗口

ie6_fixed浮动窗口 /* css code */ /* html code */ /* javascript code */ position:fixed /*让position:fixed在IE6下可用! */ /* 头部固定 */ .fixed-top{position:fixed;bottom:auto;top:0px;} * 底部固定 */ .fixed-bottom /{position:fixed;bottom:0px;top:auto;} /* 左侧固定 */ .fixed-left {position:fixed;right:auto;left:0px;} /* 右侧固定 */ .fixed-right {position:fixed;right:0px;left:auto;} /* 上面的是除了IE6的主流浏览器通用的方法 */ /* 修正IE6振动bug */ * html,* html body{ background-image:url(about:blank); background-attachment:fixed; } /* IE6 头部固定 */ * html .fixed-top{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop)); } /* IE6 右侧固定 */ * html .fixed-right{ position:absolute; right:auto; left:expression(eval(document.documentElement.scrollLeft +document.documentElement.clientWidth -this.offsetWidth) -(parseInt(this.currentStyle.marginLeft,10)||0) -(parseInt(this.currentStyle.marginRight,10)||0)); } /* IE6 底部固定 */ * html .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 左侧固定 */ * html .fixed-left{ position:absolute; right:auto; left:expression(eval(document.documentElement.scrollLeft));} 说明1：如果你不需要支持margin，可以将所有的`parseInt`部分去掉。 说明2：这里事实上就是利用了 IE 中特有的 CSS 运算符 expression。在 expression 中我们可以利 用 Javascript 计算出需要的 top 值，这样就达到了与 position: fixed 同样的效果。 这种方法原理上来说和以前的 Javascript 是相同的，但这种方法显然通用性更好一点。当然，如果 您不介意用 Javascript 的话，实现同样的效果会更直观更简单一点。