不一樣瀏覽器Firefox、IE六、IE七、IE八、IE9定義不一樣CSS樣式

有時候咱們在製做網頁的時候,會遇到不一樣瀏覽器,對填充和邊距顯示的不一樣效果。致使心情納悶
如今提供解決這個困擾的方法!

對FF、Opear等支持Web標準的瀏覽器與比較頑固的IE瀏覽器進行鍼對性的CSS hack


/*FF、Opear等支持Web標準的瀏覽器*/
#header {
        margin-top: 23px;
        margin-bottom: 23px;
}
/*IE6瀏覽器*/
*html #header {
        margin-top: 13px;
        margin-bottom: 13px;
}
/*IE7瀏覽器*/
*+html #header {
        margin-top: 18px;
        margin-bottom: 18px;
}



所以,當你在遇到這種狀況的時候能夠用
* html   來定義IE6
*+html   來定義IE7

更新:
還有一種css hack直接與其餘瀏覽器一塊兒寫在一條css表達式中


#header{
margin-top: 13px;     /* 全部瀏覽器都支持 */
margin-top: 13px !important;     /* Firefox、IE7支持 */
_margin-top: 13px;     /* IE6支持 */
*margin-top: 13px;     /* IE六、IE7支持 */
+margin-top: 13px;     /* IE7支持 */
margin-top: 13px\9;     /* IE六、IE七、IE八、IE9支持 */
margin-top: 13px\0;     /* IE八、IE9支持 */
}


須要注意書寫順序:全部瀏覽器、Firefox、IE八、IE七、IE6依次排列。css

相關文章
相關標籤/搜索