css3中的樣式兼容性問題怎么弄？

1.目前來說對css支持最好的公認的是火狐瀏覽器，錯位的原因在css代碼書寫不規范。

成都創新互聯擁有一支富有激情的企業網站制作團隊，在互聯網網站建設行業深耕10年，專業且經驗豐富。10年網站優化營銷經驗，我們已為1000+中小企業提供了網站設計制作、成都做網站解決方案，按需定制，設計滿意，售后服務無憂。所有客戶皆提供一年免費網站維護!

2.兼容性：對于CSS（樣bai式表）并不是所有瀏覽器的所有版本都支持的很好，比如IE5以前的瀏覽器對于CSS的支持就不是很好。而現在使用IE5以前版本瀏覽器的用戶不在少數，這樣就使得在頁面制作的過程中需要針對不同瀏覽器版本進行測試，以保證兼容性，無形中也增加很多工作量（至少我接觸的開發人員制作div頁面比table頁面的標準時間要長一些）。

3.對css縮寫的支持問題：

不論是ie 還是ff對css的縮寫都有一小點問題比如border: 0xp solid #fff;兩個瀏覽器支持都沒有問題

但對于四個邊的magin不同情況下，就不能用這種縮寫了，無論是ie還是ff又會出現邊界解釋錯誤，而導致頁面變形正確縮寫：border-width:0px 1px 2px 3px;

border-style:solid;

border-color:#fff;

第二點是 ie對于css的magin padding 等默認值為0px，但ff卻不一樣，為了保持外觀的統一性，即使padding為0你也要寫上，以免ff在瀏覽中的錯位。

IE與Firefox的CSS兼容大全 1.DOCTYPE 影響 CSS 處理

2.FF: div 設置 margin-left, margin-right 為 auto 時已經居中, IE 不行

3.FF: body 設置 text-align 時, div 需要設置 margin: auto(主要是 margin-left,margin-right) 方可居中

4.FF: 設置 padding 后, div 會增加 height 和 width, 但 IE 不會, 故需要用 !important 多設一個 height 和 width

5.FF: 支持 !important, IE 則忽略, 可用 !important 為 FF 特別設置樣式，值得注意的是，一定要將xxxx !important 這句放置在另一句之上

6.div 的垂直居中問題: vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px; 然后插入文字，就垂直居中了。缺點是要控制內容不要換行

7.cursor: pointer 可以同時在 IE FF 中顯示游標手指狀， hand 僅 IE 可以

8.FF: 鏈接加邊框和背景色，需設置 display: block, 同時設置 float: left 保證不換行。參照 menubar, 給 a 和 menubar 設置高度是為了避免底邊顯示錯位, 若不設 height, 可以在 menubar 中插入一個空格。

9.在mozilla firefox和IE中的BOX模型解釋不一致導致相差2px解決方法：div{margin:30px!important;margin:28px;}

注意這兩個margin的順序一定不能寫反，據阿捷的說法!important這個屬性IE不能識別，但別的瀏覽器可以識別。所以在IE下其實解釋成這樣：div{maring:30px;margin:28px}

怎么解決瀏覽器的css樣式兼容問題

有兩種方法：

1、在同一個CSS樣式表中，使用 !important 來定義不同的值以適應Firefox和IE。

例如：

padding: 20px !important; /For Firefox/

padding: 10px; /For IE/

（注意這里IE6是無法識別，important 這個標記的，但它會識別padding: 20px，所以要在后面加上padding: 10px用來覆蓋padding: 20px）這個方法適用于修改少量代碼。

2、條件注釋。（只對IE瀏覽器有效）這也是北極冰仔部落格目前使用的方法。先為不同瀏覽器書寫各自的CSS樣式，再在head中加入以下的代碼以適應不同的IE瀏覽器版本調用：

注意：

gt: greater than （高于）

lte: less than or equal to （低于或等于）

另外：IE還支持一個非標準的標簽：comment

This is not Internet Explorer.

This is Internet Explorer.

IE會自動把此標簽中的內容當作注釋處理掉。

擴展資料

關于css兼容性問題及一些常見問題

目前主流瀏覽器的兼容性做的都比較好了，以下主要針對IE6，7的不兼容問題進行解決。

1、有浮動存在時，計算一定要精確，不要讓內容的寬高超出我們所設置的寬高，IE6下，內容會撐開設置好的高度。

解決方法：給對應的父級加overflow:hidden;但是會有部分被隱藏掉，最好是精確計算寬高再設定。

2、在IE6下有元素浮動時，如果寬度需要由內容撐開，就給里邊的塊元素都加浮動，正常瀏覽器不用加浮動。

3、在IE6下元素的高度的小于19px的時候，會被當做19px來處理。

解決辦法：添加overflow:hidden;

常見的css瀏覽器兼容性問題有哪些，如何解決

瀏覽器兼容問題一：不同瀏覽器的標簽默認的margin和padding不同 問題癥狀：隨便寫幾個標簽，不加樣式控制的情況下，各自的margin 和padding差異較大。 碰到頻率:100% 解決方案： CSS里加一行 1 *{margin:0;padding:0;} 備注：這個是最常見的也是最易解決的一個瀏覽器兼容性問題，幾乎所有的CSS文件開頭都會用通配符*來設置各個標簽的內外補丁是0。 瀏覽器兼容問題二：塊屬性標簽float后，又有橫行的margin情況下，在IE6顯示margin比設置的大 問題癥狀:常見癥狀是IE6中后面的一塊被頂到下一行 碰到頻率：90%（稍微復雜點的頁面都會碰到，float布局最常見的瀏覽器兼容問題） 解決方案：在float的標簽樣式控制中加入 display:inline;將其轉化為行內屬性 備注：我們最常用的就是div+CSS布局了，而div就是一個典型的塊屬性標簽，橫向布局的時候我們通常都是用div float實現的，橫向的間距設置如果用margin實現，這就是一個必然會碰到的兼容性問題。 瀏覽器兼容問題三：設置較小高度標簽（一般小于10px），在IE6，IE7，遨游中高度超出自己設置高度 問題癥狀：IE6、7和遨游里這個標簽的高度不受控制，超出自己設置的高度 碰到頻率：60% 解決方案：給超出高度的標簽設置overflow:hidden;或者設置行高line-height 小于你設置的高度。 備注：這種情況一般出現在我們設置小圓角背景的標簽里。出現這個問題的原因是IE8之前的瀏覽器都會給標簽一個最小默認的行高的高度。即使你的標簽是空的，這個標簽的高度還是會達到默認的行高。 瀏覽器兼容問題四：行內屬性標簽，設置display:block后采用float布局，又有橫行的margin的情況，IE6間距bug 問題癥狀：IE6里的間距比超過設置的間距 碰到幾率：20% 解決方案：在display:block;后面加入display:inline;display:table; 備注：行內屬性標簽，為了設置寬高，我們需要設置display:block;(除了input標簽比較特殊)。在用float布局并有橫向的margin后，在IE6下，他就具有了塊屬性float后的橫向margin的bug。不過因為它本身就是行內屬性標簽，所以我們再加上display:inline的話，它的高寬就不可設了。這時候我們還需要在display:inline后面加入display:talbe。 瀏覽器兼容問題五：圖片默認有間距 問題癥狀：幾個img標簽放在一起的時候，有些瀏覽器會有默認的間距，加了問題一中提到的通配符也不起作用。 碰到幾率：20% 解決方案：使用float屬性為img布局 備注：因為img標簽是行內屬性標簽，所以只要不超出容器寬度，img標簽都會排在一行里，但是部分瀏覽器的img標簽之間會有個間距。去掉這個間距使用float是正道。（我的一個學生使用負margin，雖然能解決，但負margin本身就是容易引起瀏覽器兼容問題的用法，所以我禁止他們使用） 瀏覽器兼容問題六：標簽最低高度設置min-height不兼容 問題癥狀：因為min-height本身就是一個不兼容的CSS屬性，所以設置min-height時不能很好的被各個瀏覽器兼容 碰到幾率：5% 解決方案：如果我們要設置一個標簽的最小高度200px，需要進行的設置為：{min-height:200px; height:auto !important; height:200px; overflow:visible;} 備注：在B/S系統前端開時，有很多情況下我們又這種需求。當內容小于一個值（如300px）時。容器的高度為300px；當內容高度大于這個值時，容器高度被撐高，而不是出現滾動條。這時候我們就會面臨這個兼容性問題。 瀏覽器兼容問題七：各種特殊樣式的兼容，比如透明度、圓角、陰影等。特殊樣式每個瀏覽器的代碼區別很大，所以，只能現查資料通過給不同瀏覽器寫不同的代碼來解決。 JS解決IE6下png透明失效的問題 做兼容頁面的方法是：每寫一小段代碼（布局中的一行或者一塊）我們都要在不同的瀏覽器中看是否兼容，當然熟練到一定的程度就沒這么麻煩了。建議經常會碰到兼容性問題的新手使用。很多兼容性問題都是因為瀏覽器對標簽的默認屬性解析不同造成的，只要我們稍加設置都能輕松地解決這些兼容問題。如果我們熟悉標簽的默認屬性的話，就能很好的理解為什么會出現兼容問題以及怎么去解決這些兼容問題。

急救啊 我的css樣式為啥在火狐瀏覽器中不能使用 在其他的瀏覽器沒有一點的錯誤 為什么啊

有以下2種情況會導致該問題：

1、典型的css兼容問題，即該組css樣式中使用了火狐瀏覽器不兼容的屬性，導致樣式無法生效；

2、火狐瀏覽器的誤設置，將css樣式關閉。開啟方式：菜單-查看-頁面樣式，選擇為“基本頁面樣式”即可。