1.ie7下文字框無法獲取焦點，輸入，貼上，選取內容，但是ff和ie8下能正常顯示和操作
原因：在ie7下如果input 即沒有邊框也沒有背景，那麼顯示就不正常。input 的border:0;background-color: transparent;
解決：設定input的背景為乙個透明的gif/png，background:url("../images/inputbg.png") repeat scroll 0 0 transparent;
2.display:inline-block在ie7下不相容的問題
讓內聯元素為行塊布局顯示，有2種方法，最常見的是方法是.selector ，第二種方法是.selector 。
對於第二種方法，主流瀏覽器ie8，ff等都支援，但是ie6、7瀏覽器並不識別display:inline-block屬性，之所以ie6、7中內聯元素設定了display:inline-block後成行塊布局，
是因為display:inline-block觸發了內聯級別的元素的 layout 特性，使內聯元素具有inline-block的表症。
ie6、7中內聯元素（如span）觸發layout屬性後， 它的行為和標準中的 inline-block類似
ie6、7中塊級元素（如div）觸發layout屬性，同時設定了 display: inline ，那麼它的行為和標準中 inline-block 類似
3.塊級元素和內聯元素的區別及對應標籤
塊（block）物件預設寬度是100%（繼承自父元素），如果塊物件沒有採用「float:left」或「float:right;」的樣式，相鄰的兩個塊物件就會分排在不同的兩行上。哪怕只有30px,也會換一行。例如，, , , , ,和 是塊元素的例子。
內聯（inline）物件的寬度取決於其內部元素的寬度(width)與填充(padding)值之和，不可直接指定其寬度與高度（但如果使用「display:block;」或者「float:left/right;」樣式後,可以強行轉換成塊物件,此時可以定義），相鄰的兩個內聯物件會排在同一行上,不會從新行開始。例如：, , , ,
(1)塊裡可以含行.也就是div塊裡可以有span;
(2)但是內聯元素內不能包含塊元素;
(3)內聯存在margin-left和margin-right,但沒有margin-top和margin-bottom,也不具有width/height。
(4)而塊元素具有高,寬,margin等等;
(5) 內聯元素可以通過改變它的display屬性來變成塊,來具有塊的屬性。
新增下面一句實現相容
常見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 ...
相容問題 css的常見問題
相容問題 css的常見問題 1 ie6.7不相容h5標籤 eg 解決辦法一 建立自定義元素，並把元素display設定為block 解決辦法二 引入成熟的js庫 2 元素浮動後，能設定寬度的話就給元素設定寬度，如果需要寬度是由內容撐開，就給它裡面的塊元素加上浮動 需要讓誰去浮動，讓誰去自適應，就給誰...