css樣式相容性問題的處理辦法

　　做web開發，對css樣式都有所瞭解，讓各瀏覽器都正確解析網頁，還真得費一凡功夫，今天，先說說padding吧

　　製作網頁時在IE7下顯示正常了，IE6下用些hack方法基本也解決了，就是IE8和firefox下還是有問題啊，相容性問題真讓人崩潰。

 

假設現在設定一個padding值，這個值在FF、IE8、IE6中都不一樣

首先考慮的是FF下的值

.test{padding:10px}

接著考慮IE8下的值

.test{padding:10px;*padding:9px}

最後考慮IE6下的值

.test{padding:10px;*padding:9px;_padding:8px}

這樣就可以了。做相容性時，最先考慮FF、opera這些瀏覽器，最後考慮IE6。拿上例來說，IE8、IE6都可識別*，但FF不能識別。所以拿*來做IE8的Hack，而_在FF和IE8中都不識別，只有IE6能識別，所以用_做IE6的Hack

在另外兩個頁面中加了<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />後ie8下也顯示正常了，可到了三級頁面加上這句還是老問題，莫名其妙層與層之間有好多間隙出來

這個就要具體看你的CSS和HTML代碼了。

頁頭加<meta http-equiv="X-UA-Compatible" content="IE=7" />或<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />是告訴IE8瀏覽使用IE7相容模式進行頁面解析。如果你的CSS定義原本就有問題，光是加這個是解決不了問題的。

 

轉自：http://www.laoy8.cn/Html/?456777.html