檢測使用者瀏覽器是否支援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>

以上就是本文的全部內容，希望對大家的學習有所協助，更多相關內容請關注topic.alibabacloud.com！