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