常見css的相容問題

2022-05-04 15:24:11 字數 1056 閱讀 8090

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%8e%e9%97%ae%e9%a2%98%e7%9a%84%e7%bb%bc%e5%90%88%e6%8b%93%e5%b1%95/


* * ie6 png8 background 不能定位


*/.pngopacity
js解決方案

//


png透明的js解決方案
4、opacity透明：整個元素透明，包括元素裡面的內容

this is opacity text


this is text that not opacity in ie



.opacity
5、rgba透明：只對背景透明，內容不會受到影響

red green blue and alpha



/*


css 


*/.rgbaalpha

常見css相容問題

1.ie7下文字框無法獲取焦點，輸入，貼上，選取內容，但是ff和ie8下能正常顯示和操作 原因 在ie7下如果input 即沒有邊框也沒有背景，那麼顯示就不正常。input 的border 0 background color transparent 解決 設定input的背景為乙個透明的gif p...

常見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 元素浮動後，能設定寬度的話就給元素設定寬度，如果需要寬度是由內容撐開，就給它裡面的塊元素加上浮動 需要讓誰去浮動，讓誰去自適應，就給誰...