> > 聽不懂人話的IE要用HACK

聽不懂人話的IE要用HACK

有許多的網頁設計師不建議使用 IE HACK
因為這並不符合標準
而且在檔案的管理上也會造成不便

<!--
雖然我個人也是儘量不使用
但我的想法是
如果對方說人話聽不懂
那麼說鬼話其實也是逼不得已的選擇
尤其是 IE6...
而IE HACK便是專屬於 Internet Explorer 的鬼話
不管要不要用
最好都要知道怎麼說
-->

鬼話IE HACK *# 還有 _ 直接寫在 CSS 樣式檔中
說明
元素或樣式 {
color:#645930;
*color:#F6F6F6; *為所有的 IE
color:#F6F6F6\9; \9為 IE8
#color:#D3B95E; #為 IE7
_color:#999999; _為 IE6
}
範例
#Reset {
color:#645930;
*color:#F6F6F6;
color:#F6F6F6\9;
#color:#D3B95E;
_color:#999999;
}
<!--
CSS 的排列順序是有差的
後面的敘述會蓋過前面的敘述
故除了把 鬼話IE HACK 的敘述排在後面之外
還要注意是否有把最老舊的版本排最後
-->

鬼話IE HACK 寫成獨立的 CSS 樣式檔
檔名為自由命名
重要的只有開頭的 <!--[if lte IE 版本]>和<![endif]-->的結尾
若獨立寫成 CSS 樣式檔的話
可以不用在前頭加 * # _
說明
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="IE6 的 CSS HACK 檔案.css" />
<![endif]-->

<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="IE7 的 CSS HACK 檔案.css" />
<![endif]-->
範例
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ResetIE6_hacks.css" />
<![endif]-->

<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="ResetIE7_hacks.css" />
<![endif]-->