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

這篇文章主要介紹了關於偵測使用者瀏覽器是否支援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中文網其他相關文章！