ie6的兼容方法

雖然說微軟已經停止對ie6的支持,但是在中國還是存在很大一部分使用ie6的用戶,所以對於那些在互聯網方面歷史比較長的公司來說,可能ie6還是很大一部分用戶(目前我們公司是),所以還是得繼續做ie6的兼容。

在定位方面,ie6是不支持固定定位的,只能用表達式的方式實現兼容。以前使用的時候沒有太留意,看到固定定位在ie6裏面實現了效果就可以了。代碼如下

_position:absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight)(ie6固定定位兼容寫法),使用絕對定位,然後top和left使用表達式。

這樣子就可以實現固定定位了,今天才發現原來還是有問題的。頁面滾動的時候,固定定位的元素跟着滾動,但是會出現抖動的情況。以前從來沒有留意過,不知道怎麼解決了,網上搜了很久也沒有找到解決的辦法,後來在一位大神的幫助下才得以成功解決。往樣式表中再加了一句代碼:

html{background-image: url(about:blank); background-attachment: fixed;}

加上上面的代碼之後固定定位元素在ie6裏面抖動的情況成功解決了!(感謝大神的幫忙)

原理據說是ie6不支持fixed,而其樣式背景卻支持fixed,通過背景來此消彼長消除抖動。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章