ff ie6 ie7對width的定義方法

改寫前:#mainContent{width:600px;}瀏覽器


(注:當設爲IE7和Firefox下顯示正常的600px時,IE6下會錯位;改成590px後,則IE6下正常,IE7和Firefox下顯示不完美)ide


改寫後:#mainContent{width:600px;*width:600px;_width:590px;}it


(注:Firefox不認識*和_;而IE都認識*;IE7不支持_,IE6支持_.書寫的順序千萬不能亂,由於當出現重複定義時,瀏覽器默認按最後定義渲染,因此必定要先正常,再*,最後_。這樣Firefoxclass

讀取時只看到了正常的定義,而IE都能看到第二個*的定義,因而忽略第一個正常的定義。IE中由於IE7再也不支持_,因此按照第一個帶*號的執行,IE6支持_,因此執行最後一個定義。只要記渲染

住IE7=*,IE6=_,而後按照先Firefox,後IE7,最後IE6的順序進行編寫,通常就能夠保證大部分用戶瀏覽正常了。)di

相關文章
相關標籤/搜索