都是IE惹的禍多瀏覽器相容問題_經驗交流

IE7發布已經有些日子了，所以網站需要照顧的瀏覽器又多了一個。這兩天設計師們在做兼容，找到了一個解決辦法，這裡既是共享，也是記錄。結合之前自己使用important!和/**/來區分IE5、IE6、Moz的經歷，以下程式碼區分4個瀏覽器，複製程式碼儲存成一個HTML檔看看效果吧：（

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文件</title> <style type="text/css"> <!-- #example { position: absolute; top: 50%; left: 50%; width: 200px; height: 150px; margin-top: -75px; margin-left: -100px; } #example div { padding: 20px; text-weight: bold; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; text-align: right; } #example { background: red; /*For Moz*/ } * html #example { background: yellow; /*For IE5*/ background/**/: green; /*For IE6*/ } * html #example { background: blue; /*For IE7*/ } --> </style> <div id="example"> <div> IE5: YELLOW IE6: GREEN IE7: BLUE MOZ: RED </div> </div>
[​​Ctrl A 全選注:如需引入外部Js需刷新才能執行]

特別提醒：
#example {
  background: red; /*For Moz*/
}
* html #example {
  background: yellow;    /*For IE5*/
  background/**/ green; >}
* html #example {
  background: blue;    /*For IE7*/
}