CSS3教程

当前位置: HTML5技术网 > CSS3教程 > 检测用户浏览器是否支持CSS3

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

如何检测用户的浏览器是否支持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>

【检测用户浏览器是否支持CSS3】相关文章

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

2. 如何让IE浏览器支持CSS3圆角

3. HTML5特性检测--检测技术

4. 检测浏览器支持哪些HTML5新特性的方法

5. 帮助你检测客户端浏览器和分辨率的jQuery插件 - Conditionizr

6. jQuery实现的浏览器类型和版本检测

7. 帮助你检测客户端浏览器和分辨率的jQuery插件 - Conditionizr

8. Adobe公司Flash新特性收费 是否会打击游戏开发者

9. 移动平台上的HTML5技术是否华而不实

10. CSS3&amp;HTML5各浏览器支持情况一览表

本文来源:https://www.51html5.com/a770.html

点击展开全部

﹝检测用户浏览器是否支持CSS3﹞相关内容

「检测用户浏览器是否支持CSS3」相关专题

其它栏目

也许您还喜欢