一、認識css hack
css hack只要是來解決瀏覽器區域性的相容性問題，主要是因為每個瀏覽器對css的解析各不相同，導致輸出到頁面的效果的差異；
二、css hack的三種常見形式：css屬性hack，css選擇符hack和css針對ie瀏覽器的條件注釋hack
1、css屬性hack：比如ie6能識別"_"和"*",ie7能識別"*"但不能識別"_"；
2、選擇符級hack：ie6能識別*html .class{} ie7能識別*+html .class{}或者*:html .class{}；
3、針對ie的條件注釋hack：比如針對所有ie：針對ie6及以下版本：，此時寫在判斷力的**都生效。
三、hack例子
1、css屬性級hack
color:red; /*所有瀏覽器*/ _color:red; /*僅ie6*/ *color:red; /*ie6和ie7*/ +color:red; /*僅ie6*/ color:red; /* ie8、ie9 識別*/ color:red9; /* 僅ie9識別 */ color:red!important; /* ie6 不識別!important*/
2、css選擇符級hack
*html #container /* 僅ie6 識別 */ *+html #container /* 僅ie7 識別 */
3、ie條件注釋hack
CSS的Hack大蒐集
hack在css的編寫中是經常被用到的一種技術。之所以出現了hack，是因為各個瀏覽器的解析有專屬於自己的寫法的。這也是css的神奇之處之一。不過，hack雖然是如此的好用，作為前端寫 的我們來說，用它絕對是快準狠的解決了問題，但是不太推薦大家用hack。hack的技術是針對不同瀏覽器寫不同的樣式，...
IE6常見CSS解析Bug及hack
a div中的間隙 該bug出現在ie6及更低版本中 描述 在div中插入時，會將div下方撐大三畫素。hack1 將 與hack2 將 b dt,li中間隙 ie6 hack 將 img設定對齊方式屬性vertical align top 描述 當ie6及更低版本瀏覽器在解析浮動元素時，會錯誤地把...
IE6常見CSS解釋BUG及hack
1 有邊框bug hack 給新增border 0或border 0 none。2 有間隙 hack1 將div與img併排寫在一行。hack2 將img轉為塊狀元素，即新增宣告display block。3 dt，li中有間隙 hack 將img轉為塊狀元素，新增宣告display block。4...