1、雙倍浮動bug：
描述：塊狀元素設定了float屬性後，又設定了橫向的margin值，在ie6下顯示的margin值要比設定的值大；
解決方案：給float的元素新增 display:inline;將其轉換為內聯元素；
2、表單元素行高不一致：
解決方案：
①、給表單元素新增vertical-align:middle;
②、給表單元素新增float:left；
3、ie6（預設16px為最小）不識別較小高度的標籤（一般為10px）：
解決方案：
①、給標籤新增overflow:hidden;
②、給標籤新增font-size:0;
解決方案：
5、最小高度min-height不相容ie6;
解決方案：
①、min-height:100px;_height:100px;
②、min-height:100px;height:auto!important;height:100px;
解決方案：
①、給img新增float屬性；
②、給img新增display：block;
7、按鈕預設大小不一：
解決方案：
①、如果按鈕是一張，直接用背景圖作為按鈕；
②、用a標記模擬按鈕，使用js實現其他功能；
8、百分比bug：
描述：父元素設定100%，子元素各50%，在ie6下，50%+50%大於100%；
解決方案：
給右邊的浮動元素新增clear:right；
9、滑鼠指標bug：
cursor:hand 只有ie瀏覽器識別；
cursor:pointer;ie及以上瀏覽器和其他瀏覽器都識別（手型）；
10、透明度設定，ie不識別opacity屬性：
解決方案：
標準寫法：opacity:value;(取值範圍0-1)；
相容ie瀏覽器 filter:alpha(opacity=value);(取值範圍1-100)；
11、上下margin重疊問題：
描述：給上面的元素設定margin-bottom，給下面的元素設定margin-top,只能識別其中較大的那個值；
解決方案：
①、margin-top和margin-bottom 只設定其中乙個值；
②、給其中乙個元素再包裹乙個盒子，並設定over-flow:hidden;
12、給子元素設定margin-top.應用在了父元素上：
解決方案：
①、把給子元素設定的margin-top改為給父元素設定padding-top;
②、給父元素設定1px的border,即border-top:1px solid transparent;
③、給父元素設定over-flow:hidden;
④、給父元素設定float:left；
常見css相容問題
1.ie7下文字框無法獲取焦點，輸入，貼上，選取內容，但是ff和ie8下能正常顯示和操作 原因 在ie7下如果input 即沒有邊框也沒有背景，那麼顯示就不正常。input 的border 0 background color transparent 解決 設定input的背景為乙個透明的gif p...
常見css的相容問題
1 鏈結的虛線框問題 a,img,input等標籤點選時會帶有虛線框 去除它 nodashedbox 2 固定定位 css fixedtop fixedbottom css解決方案 ie6 e4 b8 8bpng e8 83 8c e6 99 af e4 b8 8d e9 80 8f e6 98 8...
常見css的相容問題
鏈結的虛線框問題 a class nodashedbox href img src a a,img,input等標籤點選時會帶有虛線框 去除它 nodashedbox 固定定位 a class fixedtop href img src a a class fixedbottom href img ...