相容問題 css的常見問題
1、ie6.7不相容h5標籤 eg：
解決辦法一：建立自定義元素，並把元素display設定為block
解決辦法二：引入成熟的js庫
2、元素浮動後，能設定寬度的話就給元素設定寬度，如果需要寬度是由內容撐開，就給它裡面的塊元素加上浮動（需要讓誰去浮動，讓誰去自適應，就給誰加浮動）
3、第一塊元素浮動，第二塊元素加margin值，那麼在ie6下會有間隙問題
解決辦法：1、不建議這麼做
4、ie6下子元素超出父級寬高，會把父級的寬高撐開
解決辦法：1、不要讓子元素的寬高超過父級
5、p包含塊元素的巢狀規則
下列元素是塊元素不能再巢狀塊元素：p、td、h1~h6
6、margin相容性問題：1、margin-top傳遞 解決辦法：觸發bfc以及haslayout 標準瀏覽器下加給父級加邊框 ie6、7加zoom：1
2、同級元素 上下margin疊加 解決辦法：盡量設定同一方向的margin，比如都設定top
7、display：inline-block 在ie6、7下無效，解決辦法：*display：inline ； *zoom：1； *是hack，針對不同瀏覽器不同的css樣式的過程加css hack
8、ie6的最小高度是19px 解決辦法：overflow：hidden；
9、ie6的雙邊距問題：給元素加上浮動後設定margin-left，ie6、7下會產生雙倍邊距 解決辦法：*display：inline；
10、li裡的元素都浮動，在ie6、7下會產生4px間隙的問題 解決辦法：針對ie6、7給li新增*vertical-align：top；
11、兩個浮動元素之間有注釋或有內聯元素，並且和父級寬度相差不超過3畫素，會出現多複製乙個文字的問題
解決辦法：1、避免兩個浮動元素之間出現注釋或內聯元素
12、ie6、7父級元素的overflow：hidden是包不住子集的relative
解決辦法：給父級加上relative
13、ie6下絕對定位元素父級寬高是奇數，絕對定位元素的right和bottom值會有1px的偏差 解決辦法，避免父級寬高是奇數
14、ie下絕對元素和浮動元素並列，絕對元素消失 解決辦法：讓兩個元素不處於同級
15、ie6下input的空隙問題 解決辦法，給input加float
16、ie6下輸入型別表單控制項背景問題
常見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 ...