\u5bf9\u4e8eIE7\uff0c\u6211\u4eec\u53ef\u4ee5\u5229\u7528DIV\u7684"position: fixed;"\u5c5e\u6027\u3002\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n
#ie7_ff{
position: fixed;
top: 0px;
left: 0px;
width: 120px;
}<\/p>\n
\u8fd9\u6bb5\u4ee3\u7801\u5bf9\u4e8eFirefox\u6d4f\u89c8\u5668\u540c\u6837\u9002\u7528\u3002\u4f46\u662fIE6\u4e0d\u652f\u6301“position: fixed;”\u5c5e\u6027\u3002\u6240\u4ee5\u9488\u5bf9IE6\u6211\u4eec\u53ef\u4ee5\u7528\u5982\u4e0b\u4ee3\u7801\uff1a<\/p>\n
#ie6_ie7{
position: absolute;
width: 120px;
left: 140px;
top: expression(eval(document.documentElement.scrollTop));
}<\/p>\n
\u8fd9\u6bb5\u4ee3\u7801\u5bf9\u4e8eIE7\u540c\u6837\u9002\u7528\u3002\u4f46\u662fFF\u4e0d\u652f\u6301\u3002<\/p>\n
\u5229\u7528\u6d4f\u89c8\u5668HACK\u6280\u5de7\uff0c\u6211\u4eec\u5c31\u53ef\u4ee5\u5199\u51fa\u517c\u5bb9IE6\uff0cIE7\uff0cFF\u7684CSS\u4ee3\u7801\uff1a<\/p>\n
#all_f1{
width: 150px;
position: fixed; \/\/IE7\uff0cFF
_position: absolute; \/\/IE6
left: 280px;
top: 0px;
_top: expression(eval(document.documentElement.scrollTop)); \/\/IE6
#all_f2{
width: 150px;
position: fixed; \/\/FF
*position: absolute; \/\/IE6\uff0cIE7
left: 450px;
top: 0px;
*top: expression(eval(document.documentElement.scrollTop)); \/\/ IE6\uff0cIE7
<\/p>\n
----------------------------------------------------------------------------------------------------<\/p>\n
<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd<\/a> \u5bf9\u4e8eIE7\uff0c\u6211\u4eec\u53ef\u4ee5\u5229\u7528DIV\u7684"position: fixed;"\u5c5e\u6027\u3002\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n #ie7_ff{ \u8fd9\u6bb5\u4ee3\u7801\u5bf9\u4e8eFirefox\u6d4f\u89c8\u5668\u540c\u6837\u9002\u7528\u3002\u4f46\u662fIE6\u4e0d\u652f\u6301“position: fixed;”\u5c5e\u6027\u3002\u6240\u4ee5\u9488\u5bf9IE6\u6211\u4eec\u53ef\u4ee5\u7528\u5982\u4e0b\u4ee3\u7801\uff1a<\/p>\n #ie6_ie7{
\n">
<html xmlns="http:\/\/www.w3.org\/1999\/xhtml<\/a>
\n">
<head>
<title>\u517c\u5bb9IE6\u7684\u6dd8\u5b9d\u60ac\u6d6e\u5de5\u5177\u680f<\/title>
<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>
<style type="text\/css">
#float{width:744px;height:34px;border:1px solid #C0DBF8;position:absolute;top:0}
#box{position:relative;height:600px;}
<\/style>
<\/head>
<body>
<div style="height:300px;background:#eee"><\/div>
<div id="box"><div id="float" >ddd<\/div><\/div>
<div style="height:1000px;background:#eee"><\/div>
<\/body>
<script type="text\/javascript">
var IO=document.getElementById('float'),Y=IO,H=0,IE6;
IE6=window.ActiveXObject&&!window.XMLHttpRequest;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
if(IE6)
IO.style.cssText="position:absolute;top:expression(this.fix?(document"+
".documentElement.scrollTop-(this.javascript||"+H+")):0)";
window.onscroll=function (){
var d=document,s=Math.max(d.documentElement.scrollTop,document.body.scrollTop);
if(s>H&&IO.fix||s<=H&&!IO.fix)return;
if(!IE6)IO.style.position=IO.fix?"":"fixed";
IO.fix=!IO.fix;
};
try{document.execCommand("BackgroundImageCache",false,true)}catch(e){};
\/\/]]>
<\/script>
<\/html> <\/p>\n","protected":false},"excerpt":{"rendered":"
position: fixed;
top: 0px;
left: 0px;
width: 120px;
}<\/p>\n
position: absolute;
width: 120px;
left: 140px;
...<\/p>\n