IE6常見CSS解析Bug和hack

第一：圖片間隙

　　a:div中的圖片間隙；

　　　描述：在div中插入圖片時，圖片會將div下方撐大3像素

　　　　hack1：將<div>和<img>寫在一行

　　　　hack2：將<img>轉爲塊元素，給<img>添加聲明：display:block;

　　　　hack3：給<div>設置：overflow:hidden

　　b:dt，li中圖片間隙

　　　　hack：同a中的hack2，hack3方法

第二：默認高度

　描述：在IE6及如下版本中，部分塊元素具備默認高度（低於18px高度）

　　hack1：給元素添加聲明：font-size:0;

　　hack2：給元素添加聲明：overflow:hidden;

第三：雙倍浮動（雙倍邊距）

　描述：當IE6及更低版本瀏覽器在解析浮動元素時，會錯誤的把浮向邊邊界加倍顯示

　　hack：給浮動元素添加聲明：display:inline;

第四：表單元素行高不一致（幾乎沒個瀏覽器都有）

　描述：表單元素行高對齊方式不一致

　　hack：給表單元素添加聲明：float:left;

第五：按鈕元素默認大小不一

　描述：個瀏覽器中按鈕元素大小不一致

　　hack1：統一大小（用其餘標籤模擬按鈕）

　　hack2：input外邊套一個標籤，在這個標籤上邊寫按鈕的樣式，把input標籤的邊框和背景樣式去掉

　　hack3：將按鈕樣式的圖片直接設置爲背景圖片

第六：百分比Bug

　描述：IE瀏覽器在解析百分比時，會按四捨五入的方式計算從而致使50%+50%>100%的狀況

　　hack：給右面的浮動元素添加聲明：clear:right;或者clear:left;或者clear:both;

第七：鼠標指針Bug

　描述：cursor屬性的hand屬性值只在IE6及如下版本瀏覽器識別，其餘瀏覽器不識別該聲明，cursor的pointer屬性值IE6以上版本及其餘瀏覽器都識別

　　hack：統一鼠標手型形狀應將cursor:hand;加上，默認的爲cursor:pointer;

第八：透明屬性

　　hack：IE瀏覽器（8如下）：filter:alpha(opacity=value);（取值範圍1到100），其餘瀏覽器寫法：opacity:value;（value的取值範圍0.1到1）

第九：過濾器

　　1：下劃線過濾器

　　　描述：在一個屬性前加了下劃線後，在IE6及如下版本能識別這個規則，別的瀏覽器則不識別而忽略這個屬性

　　2：important關鍵字過濾器

　　　描述：表示所附加的聲明具備最高優先級的意思，IE6及如下版本不識別