1，若直接給一個元素設定absolute定位。在瀏覽器縮放的時候。位置會錯位。解決的方法是給外層的元素設定為relative定位。

2，低版本ie瀏覽器不支援placeholder屬性

3，盒模型上規定了垂直邊界重疊，若父元素有一個向上的margin值（10px），其子元素有一個向上的margin值（20px）。重疊部分取大者。因此父元素和上一個div之間出現的是20px的空隙。

4，使用display:inline-block會導致元素之間有空隙，解決方法：父元素設定font-size:0或採用浮動的方法；

5，Ie 8及以下不支援透明度的寫法，低版本的ie瀏覽器的透明度寫法filter:alpha(opacity:).

6,在谷歌瀏覽器中，一個li標籤中存在一個a標籤和一個span，li標籤浮動，a標籤旁邊會多出來幾px。解決方法是a標籤進行浮動

7,要讓背景圖片使用ie-css.htc的border-radius屬性。有bug。很難使用。最好把背景換成img來使用。

8，關於ie-css.htc的使用方法。Z-index要比周圍元素大；要有定位屬性；behavior中的路徑最好寫成絕對路徑

9，ie瀏覽器低版本的一個bug，透明元素不響應hover事件！

10，在做區別ie8，ie9的hack的是時候。使用/9,/9/0來實現。發現若是做顏色的hack。可達到目的。若做margin-top的hack。發現在ie8,9下實現的效果是一樣的。故猜測此hack只支援部分屬性

11，在ie8裡background: url(../images/goods.png)no-repeat!important; 背景圖片不顯示

background: url(../images/goods.png) no-repeat!important; 背景圖片顯示。 差距僅僅是多了個空格。

12，jquery中的trigger無法觸發hover

13，在低版本ie瀏覽器下實現使用PIE.htc方法並要使背景透明的方法

background: url(../imgs/news-circle.png) no-repeat rgba(0,0,0,0.5);

-pie-background: url(assets/common/imgs/news-circle.png) no-repeat rgba(0,0,0,0.5); /*路徑相對於html頁面而言*/

-ms-border-radius: 350px 350px 0px 0px;

border-radius: 350px 350px 0px 0px;

behavior: url(PIE/PIE.htc);/*路徑相對於html頁面而言*/

14，在ie 6下使用button標籤或input type=“button”或input type=“submit”時。並給它們加上border屬性的時候。會發現外層繞著一層白色縫隙。解決的辦法可以給它本身的css屬性border：none 0；並給它加一個巢狀層。給巢狀層加一個border屬性。

15,在ie7下發現padding-bottom屬性失效。解決的方法是加上屬性overflow:hidden;

16,在ie6下發現padding-bottom屬性失效。解決的方法是讓被他巢狀的最後一個元素設定margin-bottom值。

17，在ie 6下元素有預設的行高。解決方法是overflow:hidden;或font-size:0;或line-height:xx px;

18,ie 6下快元素進行浮動。並且有橫向的margin，實際的margin會比設定的margin多一倍。解決的方法是display:inline;

19,在各個瀏覽器下img有空隙（回車的原因）。解決的方法是讓圖片浮動或給圖片的包含層加font-size:0。

20,兩個塊元素，豎向的margin值不增加，會重疊，其間距為最大的margin值。

21，ie6對!important屬性不支援

22，z-index不起作用的bug:

1）ie6下 首先講講第一種z-index無論設定多高都不起作用情況。這種情況發生的條件有三個：1、父標籤position屬性為relative；2、問題標籤含有浮動(float)屬性。

2）所有瀏覽器：它只認第一個爸爸

層級的高低不僅要看自己，還要看自己的老爸這個後臺是否夠硬。用術語具體描述為：

父標籤position屬性為relative或absolute時，子標籤的absolute屬性是相對於父標籤而言的。而在IE6下，層級的表現有時候不是看子標籤的z-index多高，而要看它們的父標籤的z-index誰高誰低。

23,css hack:

_height:100px; /*ie 6專用*/

*+height:100px; /*ie 7專用*/

*height:100px ; /*ie6,ie7共用*/

height:100px\0; /*ie8，ie9，ie10共用*/

height:100px\9; /*ie6,ie7,ie8,ie9,ie10共用*/

height:100px\9\0; /*ie9,ie10共用*/