解決IE6、IE7、Firefox相容最簡單的CSS Hack

 

很早就在這裡看到過解決方案，與嗷嗷討論後發現這個方案還是很可靠的。當然，唯一的缺點就是每一個屬性都要去Hack，但我在很多實踐中，只用‘修正’1-2個屬性就可以了。

具體寫法很容易：

#someNode
{
    position: fixed;
   #position: fixed;
   _position: fixed;
}

第一排給Firefox以及其他瀏覽器看
第二排給IE7（可能以後的IE8、IE9也是如此，誰知道呢）看
第三排給IE6以及更老的版本看
最好的應用就是可以讓IE6也“支援”position:fixed，而且，配合這個原理，可以做到不引入JavaScript代碼（僅用IE6的expression），我這裡有一個現成的頁面，CSS如下寫：

#ff-r
{
 position:  fixed;
_position:  absolute;
 right:     15px;
 top:       15px;
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop+15 :
            document.body.scrollTop +
            (document.body.clientHeight
            -this.clientHeight));
}

是不是很方便：）