小甲鱼 发表于 2012-6-26 03:21:37

检测用户浏览器是否支持CSS3

如何检测用户的浏览器是否支持CSS3,我们需要使用HTML,CSS和JavaScript来完成这件事情。下面是步骤。

1)先制作下面的HTML
<span id="check" rel="Detect"></span>


2)然后书写下面的CSS
#check {    display: none;    width: 0;    height: 0;}
#check {    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>


citian3094 发表于 2015-5-3 14:36:00

谢谢小甲鱼老师~~

vanentu 发表于 2015-5-26 05:52:04


继续学习嘻嘻
页: [1]
查看完整版本: 检测用户浏览器是否支持CSS3