一、下方有間隙,解決方法如下
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核心...