首頁 > web前端 > css教學 > 檢測使用者瀏覽器是否支援CSS3的方法

檢測使用者瀏覽器是否支援CSS3的方法

不言
發布: 2018-06-28 14:58:27
原創
1552 人瀏覽過

這篇文章主要介紹了關於偵測使用者瀏覽器是否支援CSS3的方法,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

如何偵測使用者的瀏覽器是否支援CSS3,我們需要使用HTML,CSS和JavaScript來完成這件事。下面是步驟。

如何偵測使用者的瀏覽器是否支援CSS3,我們需要使用HTML,CSS和JavaScript來完成這件事。下面是步驟。
1)先製作下面的HTML

<span id="check" rel="Detect"></span>
登入後複製

2)然後書寫下面的CSS 

#check { 
display: none; 
width: 0; 
height: 0; 
} 
#check[rel^="D"] { 
display: block; 
width: 0; 
height: 0; 
}
登入後複製

3)下面是JavaScripts的偵測腳本
請確保下面的程式碼放在HTML檔頭。

<script. type="text/javascript"> 
var obj = document.getElementById("check"); 
var file="special.css"; 
if (window.getComputedStyle) 
var stat = window.getComputedStyle(obj,null).getPropertyValue("display"); 
else if (obj.currentStyle) 
var stat = obj.currentStyle.display; 
var css3 = (stat == "block"); 
if (css3) alert("CSS3 Supported."); 
else alert("CSS3 not supported."); 
</script>
登入後複製

以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!

相關推薦:

css3.0的圖形構成

#CSS3中Transition動畫屬性的用法介紹

css3實作wifi訊號逐漸增強的效果

以上是檢測使用者瀏覽器是否支援CSS3的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板