What is 「CSS HACK」?

為自己做個筆記，不然常常忘東忘西的。

所謂的「CSS HACK」指的就是能夠解決瀏覽器問題的特殊技巧，僅管 W3C 制定了標準化的 CSS 和 XHTML 語法，但是，各家瀏覽器的支援程度卻不太一樣，因此衍生出了各種亂七八糟的問題，問題狀況輕的時候可能只是位置偏移了一點點，或是間距大了一點點....問題狀況嚴重的時候可能就會讓整個網頁的版面都垮掉了！

IE6 ~

在選擇器{} 前面加上 * html 的時候，所有的瀏覽器都會認為這是無效的而忽略這一段語法，但是 IE6 卻偏偏還是會執行這一段語法，因此，以後只要是 IE6 出問題的時候，就可以使用 * html 選擇器{} 來為 IE6 解決問題，而且不會影響到其他的瀏覽器。

例如:

* html 選取器{
..........
}
這段語法只有 IE6 能夠讀取，其他瀏覽器會忽略。

另一種解決方法：

#header{
font-size:10pt; /* Firefox 和 IE 7 和其他瀏覽器會套用這一句 */
_font-size:12pt; /* IE 6 瀏覽器會套用這一句 */
}

---

IE7~

在選擇器{} 前面加上 *:first-child+html 的時候，所有的瀏覽器都會認為這是無效的而忽略這一段語法，但是 IE7 卻偏偏還是會執行這一段語法，因此，以後只要是 IE7 出問題的時候，就可以使用 *:first-child+html 選擇器{} 來為 IE7 解決問題，而且不會影響到其他的瀏覽器。

例如:

*:first-child+html 選取器{
..........
}
這段語法只有 IE7 能夠讀取，其他瀏覽器會忽略。

另一種解決方法：

#header{
font-size:10pt; /* Firefox 和 IE 6 和其他瀏覽器會套用這一句 */
*font-size:12pt; /* IE 7 瀏覽器會套用這一句 */
}