相容性 相容性：瀏覽器相容問題和適配問題統稱為相容性問題 解決辦法 1.hack語法，控制解決辦法 <!--[if <keywords>? IE <version>?]> HTML代碼塊 <![endif]--> eg:<!--[if gt IE 6]> ...... <![endif]--> 說明 ...
相容性
相容性：瀏覽器相容問題和適配問題統稱為相容性問題
解決辦法
1.hack語法，控制解決辦法
<!--[if <keywords>? IE <version>?]>
HTML代碼塊
<![endif]-->
eg:<!--[if gt IE 6]>
......
<![endif]-->
說明：
- gt（大於）
- lt （小於）
- gte （大於等於）
- lte （小於等於）
- 等於 （不寫）
- ！ （不等於）
2.常規（直接解決辦法）
- -webkit-（谷歌）
- -o-（opera歐朋瀏覽器）
- -moz-（火狐）
- -ms-（IE)
IE5/IE6低版本相容性問題
1.雙倍外邊距問題
問題描述：當一個div給出浮動之後，給出左邊距時。在IE5/IE6上邊距會大2倍。
解決辦法：加屬性display：inline
2.圖片鏈接藍色邊框問題
問題描述：比如，給圖片一個超鏈接，圖片會出現一個藍色邊框。
解決辦法：給圖片加一個去掉邊框屬性
3.圖片引入下邊距多距離問題
解決辦法1：①給圖片設置一個vertical-align：bottom；
②給它的父級加屬性font-size：0px；
解決辦法2：用hack語句控制
4.如果在不同的瀏覽器版本上，顯示的背景顏色不一樣怎麼辦？（針對於IE5/IE6/IE7)
解決辦法：*（代表相容IE6/IE7)
-或_(代表相容IE5/IE6)
eg：body{
background:red;
*background:green;
_background:orange;
}
5.不同瀏覽器版本，頁面外邊距不同
解決辦法：寫一個公共的樣式
*{
marigin：0；
padding：0；
}
以上內容如有錯誤之處，望請諒解，懇請指出錯誤之處...
