{"id":541,"date":"2011-08-19T17:13:21","date_gmt":"2011-08-19T09:13:21","guid":{"rendered":"http:\/\/www.clonefactor.com\/wordpress\/?p=541"},"modified":"2013-08-17T23:17:34","modified_gmt":"2013-08-17T15:17:34","slug":"ie6-%e7%9a%84-positionfixed-hack","status":"publish","type":"post","link":"https:\/\/www.clonefactor.com\/wordpress\/webdevelop\/541\/","title":{"rendered":"IE6 \u7684 position:fixed Hack"},"content":{"rendered":"

[css]html, body {height: 100%;overflow: auto; } \/* IE6 never init html,body have element’s width,height.. *\/
\ndiv{position:absolute;} \/* IE6 browser *\/
\nbody>div{position:fixed;} \/* for other browser *\/ [\/css]<\/p>\n

IE6 \u7684 position:fixed \u662f\u7121\u6548\u7684, \u53ef\u662f\u80fd\u5920\u4f7f\u7528 position:absolute;
\n\u800c\u4e14\u52a0\u4e0a HTML, Body \u7b49\u57fa\u672c element \u4e5f\u53ef\u4ee5\u64c1\u6709\u81ea\u5df1\u7684 width\/height \u6210\u70ba display:element \u4e2d\u7684\u4e00\u54e1(…\u672c\u4f86\u5c31\u662f)
\n\u53ea\u662f IE 6 \u4e2d HTML, Body \u662f\u6c92\u6709 width\/height \u503c\u7684, \u6240\u4ee5\u5f97\u81ea\u5df1\u65bccss \u4e2d\u5beb\u5165.<\/p>\n

\u672c\u4ee3\u78bc\u80fd\u5be6\u73fe IE 6 fixed \u7684\u539f\u56e0\u5728\u65bc <HTML> \u9019\u500b Tag \u88ab\u56fa\u5b9a\u4e86.
\n\u800c\u539f\u672c\u4e0d\u61c9\u8a72\u6709 Scroll \u7684 Body \u5247\u5b50\u4ee3\u6bcd\u8077\u7684\u7528\u4e86 overflow:auto; \u6b64\u6642 body \u8d85\u51fa <Html> \u7684\u9ad8\u5ea6\u6642
\n\u5247\u89f8\u767c\u4e86 overflow scroll. \u6545\u597d\u50cf\u80fd\u89e3\u6c7a\u554f\u984c\u4ee5\u7684.
\n\u4f46\u7248\u672c\u5982\u6709\u592a\u8907\u96dc\u5247\u53ef\u80fd\u5931\u63a7
\ne.g. \u53ef\u80fd\u53ea\u662f\u5e0c\u671b nodes absolut,top=0,left=0 \u7684\u4f9d\u9760\u5176 relative \u7684 parent. \u65bc IE6 \u4e2d\u5247\u8b8a\u70ba\u5728\u700f\u89bd\u5668\u7684\u5de6\u4e0a\u89d2.<\/p>\n

\u6539\u826f\u4e00\u4e0b\u7684\u5beb\u6cd5<\/p>\n

[css]
\nhtml,body{margin:0px;padding:0px;height:100%;} \/* for all browser *\/
\nhtml{_overflow:hidden;} \/* only for IE6 *\/
\nbody{_overflow:auto;} \/* only for IE6 *\/
\n.fixPosition{ position:fixed; _position:absolute; } \/* use this for class *\/
\n[\/css]<\/p>\n","protected":false},"excerpt":{"rendered":"

[css]html, body {height: 100%;overflow: auto; } \/* …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[76],"class_list":["post-541","post","type-post","status-publish","format-standard","hentry","category-webdevelop","tag-css"],"_links":{"self":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/comments?post=541"}],"version-history":[{"count":0,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/541\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/media?parent=541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/categories?post=541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/tags?post=541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}