1 ie6.0橫向margin加倍
產生因素：塊屬性、float、有橫向margin。
解決方法：display：inline；
2 ie6.0下預設有行高
解決方法：overflow:hidden;或font-size:0;或line-height：xx px；
3 在各個瀏覽器下img有空隙(原因是：回車。)
解決方法:讓浮動。
4 乙個父標籤與幾個子標籤巢狀，父標籤不浮動，子標籤float，子標籤不撐開父的高度。
解決方法：a 在子標籤最後清浮動
b 父標籤新增
c 給父標籤設定高度
5 ie6下，不識別最大寬、高度和最小寬高度，意即min-width/height和 max-width/height在ie6中沒效果，
解決方法：(1)：.abc
html>body .abc
(2)：.abc（因為ie6有乙個特徵，當定義乙個高度時，如果內容超過高度，元素會自動調整高度。）
6 ie6裡面：如li設寬、高，並且li裡面的標籤浮動，那麼li之間會有間距
解決方法：li不設寬、高或者li內的標籤不浮動
7 li之間有間距
解決方法：li 設定vertical-align:middle;
8 3畫素問題：ie6下，當浮動元素與流動元素並列顯示時，他們之間會存在三畫素問題。
解決方法：用hack技術， 例如：所有瀏覽器通用 height:100px;
ie6專用_height:100px;
ie7專用*+height:100px;
ie6/ie7共用*height:100px;
9 當定義行內元素為包含框時，且包含框包含的絕對定位元素以百分比為單位進行定位時，會出現混亂。
解決辦法：給浮動元素新增display:inline;。
11 opacity 定義元素的不透明度
filter：alpha（opacity=80）；/*ie支援該屬性*/
opacity：0.8；/*支援css3的瀏覽器*/
12 兩個塊元素，豎向的margin值不增加，會重疊，其間距為最大margin值。
13 優先順序：被!important 註明的css屬性具有最高優先順序(.abc)。但在ie6中!important具有乙個bug:在同一組css屬性中，!important不起作用。
14 火狐不識別background-position-y 或background-position-x;
---------------------------2014.01.10補充-------------------------------
15 ie6 不支援 fixed
複製**
/*對於非ie6可以這樣寫*/
#top
/*但是ie6是不支援fixed定位的，需要另外重寫*/
#top
/*使用hack使ie6實現該效果，但這個東東會閃爍，需要以下***/
*html
/*使固定在頂部*/
#top
/*固定在底部*/
#top
/*垂直居中*/
#top
複製**
16 解決 ie6 最大、最小寬高 hack方法
複製**
/* 最小寬度 */
.min_width
/* 最大寬度 */
.max_width
/* 最小高度 */
.min_height
/* 最大高度 */
.max_height
複製**
17 z-index不起作用的 bug
1）ie6下 首先講講第一種z-index無論設定多高都不起作用情況。這種情況發生的條件有三個：1、父標籤position屬性為relative；2、問題標籤含有浮動(float)屬性。
2）所有瀏覽器：它只認第乙個爸爸
層級的高低不僅要看自己，還要看自己的老爸這個後台是否夠硬。用術語具體描述為：
父標籤position屬性為relative或absolute時，子標籤的absolute屬性是相對于父標籤而言的。而在ie6下，層級的表現有時候不是看子標籤的z-index多高，而要看它們的父標籤的z-index誰高誰低。
18 ie各個版本hack
複製**
/*類內部hack：*/
.header /* ie6專用*/
.header /* ie7專用*/
.header /* ie6、ie7共用*/
.header /* ie8、ie9共用*/
.header /* ie6、ie7、ie8、ie9共用*/
.header /* ie9專用*/
/*選擇器hack：*/
*html .header{} /*ie6*/
*+html .header{} /*ie7*/
複製**
--------------
大部分情況下，使用這個屬性的目的是為了介面的美化，
因為手機端很容易因為使用者長按螢幕出現文字選擇框，
很醜，影響使用者體驗，所以在沒有 複製黏貼這種需求的
頁面裡，一般會使用這個屬性禁止使用者選擇。不過我倒是
沒發現這個屬性會導致輸入框不能輸入
--------------
想不明白 不過-webkit-user-select: none這個確實會導致
輸入框不能輸入 在safari裡面 只要有這個就不行 這個字首不是
chrome的核心嗎 其他的同屬性都可以 但是只要有-webkit字首的這個
屬性就出問題了 不明白原因
------------------
前端瀏覽器相容性問題和解決辦法
解決方案 css 裡增加萬用字元 解決方案 在float的標籤樣式控制中加入 display inline 將其轉化為行內屬性解決方案 1.給表單元素新增float left 左浮動 2.或者是vertical align middle 垂直對齊方式 居中 描述 cursor hand 只有ie瀏覽...
CSS常見相容性問題及解決辦法彙總
我們都知道，不同版本瀏覽器對css的解析是有些分別的，特別是ie6，和ie7.雖然現在使用老版本的人數不多，但是還是有部分人在使用，我們並不能完全忽略這群使用者。如下所示 我們還是應該了解一下這些瀏覽器相容問題。問題一 在ie6元素浮動，如果寬度需要內容撐開，就給裡邊的塊元素都加浮動 不然會出不在同...
瀏覽器的相容性問題，以及解決辦法
相容性 相容性 瀏覽器相容問題和適配問題統稱為相容性問題 解決辦法 1.hack語法，控制解決辦法 eg 說明 2.常規 直接解決辦法 ie5 ie6低版本相容性問題 1.雙倍外邊距問題 問題描述 當乙個div給出浮動之後，給出左邊距時。在ie5 ie6上邊距會大2倍。解決辦法 加屬性display...