首页 > 开发 > CSS > 正文

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

2024-07-11 08:22:24
字体:
来源:转载
供稿:网友

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

1)先制作下面的html

1.<span id="check" rel="detect"></span>

2)然后书写下面的css

01.#check {
02.  display: none;
03.  width: 0;
04.  height: 0;
05.}
06.#check[rel^="d"] {
07.  display: block;
08.  width: 0;
09.  height: 0;
10.}

3)下面是javascripts的检测脚本

请确保下面的代码放在html文件头。

01.<script. type="text/javascript">
02.var obj = document.getelementbyid("check");
03.var file="special.css";
04.if (window.getcomputedstyle)
05.    var stat = window.getcomputedstyle(obj,null).getpropertyvalue("display");
06.else if (obj.currentstyle)
07.    var stat = obj.currentstyle.display;
08.var css3 = (stat == "block");
09.if (css3) alert("css3 supported.");
10.else alert("css3 not supported.");
11.</script>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表