當前位置：首頁 » 網頁設計 » css3兼容性查詢網站

css3兼容性查詢網站

發布時間: 2021-03-03 16:46:36

A. 怎麼去檢測瀏覽器支不支持html5和css3

可以通過JS的方襲式測試

<script>
window.onload=function(){
if(window.applicationCache){
alert("你的瀏覽器支持HTML5");
}else{
alert("你的瀏覽器不支持HTML5");
}
}
</script>

以上資料來源網路，或者訪問相關的H5兼容性測試網站進行在線測試，如html5test等

B. 網頁設計中css3的兼容性如何

jquery是js的庫，和css不是一回事，jquery的兼用性好，是指在這個js庫的開發中，兼顧了各種版主流瀏覽器權（當然ie5也是不行的），它本身在各種瀏覽器上運行較好。

html5還在發展中，css3和html5在ie8以下的瀏覽器很多屬性不支持，即便ie9也有相當部分的屬性不支持，其它多數瀏覽器的最新版也很難說全部兼容。

C. html5 CSS3頁面，怎樣兼容IE9以下的瀏覽器

有一個叫html5.js的加進去以後，可以支持html5，css3就不知道是否支持。

D. 怎麼處理css3中的樣式兼容問題

1.目前來說對css支持最好的公認的是火狐瀏覽器，錯位的原因在css代碼書寫不規范。
2.兼容性：對於CSS（樣式表）並不是所有瀏覽器的所有版本都支持的很好，比如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}
重復定義的話按照最後一個來執行，所以不可以只寫margin:XXpx!important;~~期待滿意啊~~

E. 如何解決css3在老版本IE下的兼容性

無法全部完美解決，如果能完美解決就不存在兼容這個概念了。

有很多js可以讓內一些老版本ie支持容css3特性，但只是針對性的，沒有哪個js能解決所有css3兼容問題，所以想通過js來最大程度讓低版本ie支持css3的多種特性的話，你得同時引用幾十個js，這個是得不償失的，並且他們之間有沒沖突你也不知道。

不要試圖去搞定兼容問題，應該學會適當的降級處理，當一個css3效果遇到低版本ie時，在保障內容能正確顯示、閱讀的情況下，讓效果略為下降

F. 什麼網站可以自動補全css3兼容代碼

autoprefixer 插件，解析CSS文件並且添加瀏覽器前綴到CSS規則里，使用Can I Use的數據來決定哪些前綴是需要的。
需要node.js gulp，不清楚請網路或者問前端大神

G. 經常遇到的css的兼容性有哪些

其實也就是 ie8 以及之前的版本與谷歌的差異

一般就是圖片透明圓角字體大小包括一些新出的 css3 樣式這些在ie8 都無法直接兼容

H. 用CSS怎麼寫瀏覽器兼容的代碼

整理關於IE6、IE7、IE8、Firefox兼容性CSS HACK問題，另外CSS3的兼容性不是很好，但是在未來有前途。

1.區別IE和非IE瀏覽器CSS HACK代碼

#divcss5{
background:blue; /*非IE 背景藍色*/
background:red \9; /*IE6、IE7、IE8背景紅色*/
}

2.區別IE6,IE7,IE8,FF CSS HACK
【區別符號】：「\9」、「*」、「_」
【示例】：

#divcss5{
background:blue; /*Firefox 背景變藍色*/
background:red \9; /*IE8 背景變紅色*/
*background:black; /*IE7 背景變黑色*/
_background:orange; /*IE6 背景變橘色*/
}

【說明】：因為IE系列瀏覽器可讀「\9」，而IE6和IE7可讀「*」(米字型大小)，另外IE6可辨識「_」(底線)，因此可以依照順序寫下來，就會讓瀏覽器正確的讀取到自己看得懂得CSS語法，所以就可以有效區分IE各版本和非IE瀏覽器(像是Firefox、Opera、Google Chrome、Safari等)。

3.區別IE6、IE7、Firefox (EXP 1)
【區別符號】：「*」、「_」
【示例】：

#divcss5{
background:blue; /*Firefox背景變藍色*/
*background:black; /*IE7 背景變黑色*/
_background:orange; /*IE6 背景變橘色*/
}

【說明】：IE7和IE6可讀「*」(米字型大小)，IE6又可以讀「_」(底線)，但是IE7卻無法讀取「_」，至於Firefox(非IE瀏覽器)則完全無法辨識「*」和「_」，因此就可以透過這樣的差異性來區分IE6、IE7、Firefox

4.區別IE6、IE7、Firefox (EXP 2)
【區別符號】：「*」、「!important」
【示例】：

#divcss5{
background:blue; /*Firefox 背景變藍色*/
*background:green !important; /*IE7 背景變綠色*/
*background:orange; /*IE6 背景變橘色*/
}

【說明】：IE7可以辨識「*」和「!important」，但是IE6隻可以辨識「*」，卻無法辨識「!important」，至於Firefox可以讀取「!important」但不能辨識「*」因此可以透過這樣的差異來有效區隔IE6、IE7、Firefox。

5.區別IE7、Firefox
【區別符號】：「*」、「!important」
【示例】：

#divcss5{
background:blue; /*Firefox 背景變藍色*/
*background:green !important; /*IE7 背景變綠色*/
}

【說明】：因為Firefox可以辨識「!important」但卻無法辨識「*」，而IE7則可以同時看懂「*」、「!important」，因此可以兩個辨識符號來區隔IE7和Firefox。

6.區別IE6、IE7 (EXP 1)
【區別符號】：「*」、「_」
【示例】：

#tip {
*background:black; /*IE7 背景變黑色*/
_background:orange; /*IE6 背景變橘色*/
}

【說明】：IE7和IE6都可以辨識「*」(米字型大小)，但IE6可以辨識「_」(底線)，IE7卻無法辨識，透過IE7無法讀取「_」的特性就能輕松區隔IE6和IE7之間的差異。

7.區別IE6、IE7 (EXP 2)
【區別符號】：「!important」
【示例】：

#divcss5{
background:black !important; /*IE7 背景變黑色*/
background:orange; /*IE6 背景變橘色*/
}
【說明】：因為IE7可讀取「!important;」但IE6卻不行，而CSS的讀取步驟是從上到下，因此IE6讀取時因無法辨識「!important」而直接跳到下一行讀取CSS，所以背景色會呈現橘色。

8.區別IE6、Firefox
【區別符號】：「_」
【示例】：

#divcss5{
background:black; /*Firefox 背景變黑色*/
_background:orange; /*IE6 背景變橘色*/
}
【說明】：因為IE6可以辨識「_」(底線)，但是Firefox卻不行，因此可以透過這樣的差異來區隔Firefox和IE6，有效達成CSS hack。

以上包括了IE6\IE8\IE7\火狐瀏覽器兼容問題及解決方法。

I. html5和css3可以解決不同瀏覽器兼容性問題嗎

不可以，css3目前低版本瀏覽器兼容不好，html5標簽的話可以通過html5shiv.googlecode.com/svn/trunk/html5.js解決。

J. 請問下對於HTML5+CSS3這些新的東西是如何解決瀏覽器兼容性的

動畫效果不可能單單靠這兩個軟體，
還有javascript，jQuery,
兼容問題你可以來版這里測權試，
http://fts.aliyun.com/index.htm

閱讀全文

css3兼容性查詢網站

與css3兼容性查詢網站相關的閱讀推薦