css相容問題大全

2022-08-10 18:09:12 字數 1773 閱讀 4335

1.ie下div邊距增多問題

2.ie下div雙邊距問題

3.hack寫法    好的網頁是不需要寫hack的

4.解決ie不支援  min-width和min-height屬性

4.div浮動ie文字產生3象素的bug 

5.ie捉迷藏的問題  當div應用複雜的時候每個欄中又有一些鏈結,div等這個時候容易發生捉迷藏的問題。

解決辦法:對#layout使用line-height屬性 或者給#layout使用固定高和寬。頁面結構盡量簡單。 

6.高度不適應    高度不適應是當內層物件的高度發生變化時外層高度不能自動進行調節,特別是當內層物件使用margin 或paddign 時。

8.ie6下為什麼下有空隙產生

9. li中內容超過長度後以省略號顯示的方法 

li 11.為什麼無法定義1px左右高度的容器

ie6下這個問題是因為預設的行高造成的,解決方法: line-height:1px;

12.怎麼樣才能讓層顯示在flash之上

設定flash透明度

13.清楚浮動**

.clearfix:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

14.css透明問題 

ie:filter:progid:dximagetransform.microsoft.alpha(style=0,opacity=60)。

ff:opacity:0.6。

[注] 最好兩個都寫,並將opacity屬性放在下面。 

15.css圓角以及陰影問題

ie:ie7以下版本不支援圓角。

ff: -moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz- border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz- border- radius- bottomright:4px;。 

16.預設的元素留白差異

17.css雙線凹凸框

ie:border:2px outset;。

ff: -moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080; 

18.條件hack

語法格式:

css相容問題

ie6 可以在屬性前加 ie7 可以在屬性前加 ie8 可以在屬性前加 什麼都不加就是火狐的標準 比如 margin是調火狐的 margin是調ie6的 margin是調ie7的 margin是調ie8的.其實,在實際的開發過程中,我們對常見的css屬性相容情況了然於胸,才能極大的提高我們的開發效率...

css相容問題

1.就是 ie6 雙倍邊距的問題,在使用了 float 的情況下,不管是向左還是向右都會出現雙 倍,最簡單的解決方法就是用 display inline 加到 css 裡面去。2.文字本身的大小不相容。同樣是 font size 14px 的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie 下實際佔...

css相容問題

谷歌 低版本 4.0 43.0 webkit 火狐 低版本 5.0 16.0 moz ie9 不支援 解決方法 ie8 不支援 ie8 不支援 ie8 ie8及ie8以下不支援 谷歌 低版本 12.0 36.0 webkit 火狐 低版本 10.0 16.0 moz ie9 不支援 backgrou...