CSS HACK

CSS HACK小接觸

如何介紹我也沒法講清楚,只能複製了下網上的介紹 :
CSS hack因爲不一樣廠商的瀏覽器，好比Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一廠商的瀏覽器的不一樣版本，如IE6和IE7，對CSS的解析認
識不徹底同樣，所以會致使生成的頁面效果不同，得不到咱們所須要的頁面效果。 這個時候咱們就須要針對不一樣的瀏覽器去寫不一樣的CSS，讓它可以同時兼容不一樣的瀏覽器，能在不一樣的瀏覽器中也能獲得咱們想要的頁面效果。

W3C是一套Web頁面開發規範，是由麻省理工學院實驗室指定，屬於民間規範，並不具有強制性

HACK 就至關於暗號，給每一個瀏覽器不一樣的暗號，其它瀏覽器不知道(就比如軍訓時，教官命令一羣人向前走1米，不是每一個人都走的恰好1米，因此教官須要特意對走的不是1米的同窗發暗號，讓它們恰好到達一米， 只可意味不可言傳，多理解理解 )

background: red; /*全部瀏覽器識別*/
background: yello\9; /*全部的IE瀏覽器*/
background: blue\0; /*IE8 IE9*/
+background: green; /*IE6 IE7*/
_background: orange; /*IE6*/

.eg1 {
    background: green !important;
    background: blue;
}
/*
    IE6下顯示藍色，其餘瀏覽器顯示綠色；
    可是這個並非一個hack，這個只是在IE6下，同一個大括號裏
    對同一個演示屬性定義，其中一個加important則important標記是被忽略的!!!
*/

------我是優雅的分割線------
.eg2 {
    background: red !important;
}
.eg2 {
    background: green;
}
/*
    全部瀏覽器都顯示紅色,由於是在不一樣大括號中定義
*/

---

CSS HACK 技術仍是少用好

當IE或其它標準瀏覽器中呈現不一致時，"堂主"的解決思路:

1. 避免致使這個問題的情景

2. 插入額外的標記

3. 使用條件註釋判斷語句

4. 使用CSS hacks

歡迎補充!