1.border-radius 邊框圓角
ie8及以下瀏覽器不支援border-radius
webkit引擎支援-webkit-borderradius 私有屬性
mozilla gecko引擎支援-moz-border-radius 私有屬性
presto 引擎和ie9+ 支援border-radius 標準屬性
2.display:inline-block
ie6、ie7不識別inline-block但可以觸發塊元素。
其它主流瀏覽器均支援inline-block。
解決ie6、ie7相容性的方法：
(1)、首先設定inline-block觸發塊元素，具有了layout的特性，然後設定display:inline使塊元素呈現內聯元素，此時layout的特性不會消失。
(2)、直接設定display:inline，使用zoom:1觸發layout。 相容所有瀏覽器的方法是： display:inline-block;*display:inline;*zoom:1;
(3)、a標籤中的img有藍色邊框 只需要在
的標籤裡寫乙個樣式「border:none;」就可解決問題。 如：
3.ie6、ie7中margin-top無效
使用：width:100%;或者 height:auto !important;height:1%; 或者zoom:1; 都可以解決上面的問題。（3選1，不要全部寫進去。）
根據自己的具體情況來選擇一種即可！
問題根源
當然知道了解決辦法還不夠，我們必須知道什麼情況會引發上面的bug，zoom:1;這東西貌似經常使用。於是我去查詢了一下關於zoom的一些資訊。
發現他會觸發ie的 haslayout
; haslayout來解決一些常見的ie bug；（建議不太明白 haslayout 的同學點選連線去讀一下。haslayout 不神秘。）
4.ie6、ie7中沒有console物件
這算是ie中js的相容性問題了
5.ie中的cursor的問題
cursor:url(../images/1.cur) auto; 在ie下無效
解決辦法：在當前元素樣式中加上 background-image:url(about:blank);
詳見6.ie6中，浮動下雙邊距問題
元素在設定float：left；和margin的值的情況下，浮動margin值會翻倍；
解決辦法：只需要在後面加乙個display:inline;
IE瀏覽器下常見的CSS相容問題
ie6 瀏覽器下子元素能撐開父級設定好的寬高 ie6 瀏覽器下最小高度問題，設定 0 15px 高度小於等於15px的元素，在ie6下會被當作15px來處理 解決 1 設定font size為0，但最小高度為2px 2 設定overflow hidden，但最小高度為1px 3 要想實現最小高度為0...
IE瀏覽器下常見的CSS相容問題
加粗樣式ie6 瀏覽器下子元素能撐開父級設定好的寬高 ie6 瀏覽器下最小高度問題，設定 0 15px 高度小於等於15px的元素，在ie6下會被當作15px來處理 解決 1 設定font size為0，但最小高度為2px 2 設定overflow hidden，但最小高度為1px 3 要想實現最小...
常見css相容問題
1.ie7下文字框無法獲取焦點，輸入，貼上，選取內容，但是ff和ie8下能正常顯示和操作 原因 在ie7下如果input 即沒有邊框也沒有背景，那麼顯示就不正常。input 的border 0 background color transparent 解決 設定input的背景為乙個透明的gif p...