你還在為瀏覽器相容性問題苦惱嗎

2021-08-04 06:29:24 字數 1421 閱讀 4326

一、下方有間隙,解決方法如下

a)     將變為塊元素

b)    將父元素的字型大小設定為0

二、間有間隙,解決方法如下

a)     將**寫在同一行

b)    將父元素字型大小設定為0

c)     使浮動

a)     給a新增display:block屬性

五、行內塊元素上下錯位,解決方法如下

a)     給行內塊元素設定vertical-align:top、middle、bottom

b)    給行內塊元素設定浮動

六、頁面中元素的預設的margin和padding不同,所以要求清除元素的預設margin和padding,方法如下:*

七、兩個上下關係的元素,間距預設為較大的margin,如果要margin之和,則需要讓兩個元素浮動 八、

兩個父子關係的元素,如果子元素設定了浮動且設定了margin-left,那麼在ie6下面margin-left加倍,解決方法如下:

a)     

給子元素設定display:inline

九、兩個父子關係的元素,如果子元素設定了margin-top,那麼父元素會同步下移,簡介方法如下

a)     給父元素加邊框

b)    在給子元素設定margin-top的同時,給父元素設定padding-top:0.1

c)     給子元素設定margin-top的同時,給父元素設定float

d)    不給子元素加margin-top,給父元素加padding-top 十、

兩個兄弟關係的元素,如果給第乙個元素設定浮動,那麼在ie6下面,兩個元素是在一行顯示的,且中間有3px間隙,解決方法:將第二個元素也設定浮動

十一、    如果要設定文字垂直居中,可以給該元素設定行高和高度相同的效果

十二、    

ie6下面不支援將:hover

十三、標籤最低高度設定

min-height

不相容因為

min-height

本身就是乙個不相容的

css屬性,所以設定

min-height

時不能很好的被各個瀏覽器相容

解決方案:如果我們要設定乙個標籤的最小高度

200px

,需要進行的設定為:

備註:在

b/s系統前端開時,有很多情況下我們有這種需求。當內容小於乙個值(如

300px

)時。容器的高度為

300px

;當內容高度大於這個值時,容器高度被撐高,而不是出現滾動條。這時候我們就會面臨這個相容性問題

十四、     ie6不支援fixed屬性

十五、     ie 中opacity定義的元素不透明

解決方法:filter:alpha(opacity=80)等同與opacity:0.8;

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...

瀏覽器相容性問題

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...

瀏覽器相容性問題

解決方案 應該用ie8相容模式瀏覽網頁,而不應該用ie9或ie10渲染模式.很多使用者安裝ie10後發生很多網頁顯示錯亂,就是相容性的原因,因為ie10預設的渲染模式是ie10.此時應該將其改為ie7渲染模式。為什麼用ie6 7渲染模式的原因如下 中國所有網頁肯定都支援ie,支援ie就是支援ie核心...