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

2016-02-19 23:56 4 1 收藏

有了下面这个检测用户浏览器是否支持CSS3的方法教程,不懂检测用户浏览器是否支持CSS3的方法的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

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

1)先制作下面的HTML

1.span id="check" rel="Detect"/span

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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.}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

来源:http://www.tulaoshi.com/n/20160219/1630905.html

延伸阅读
前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的 border-radius 属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原生支持,但是由于某些原因IE并不支持它。 那么要想在IE中实现圆角,你不得不使用一些技巧,比如使用带有背景图片的CSS类(看一下这篇文章)。 而我知道的在各个浏...
标签: Web开发
许多网站需要客户端做许多复杂的工作,比如:用客户端 JavaScript 进行数据合法性校验,这需要客户浏览器的 JavaScript enabled;使用 Session 变量记录身份等信息,需要浏览器 Cookies enabled。因此,有必要确定用户浏览器中的这些选项被打开。在我的网站中,我使用了一串简洁的代码实现这些功能,在用户登录时进行检查,如果不符合就不...
标签: Web开发
我很久以前就开始计划着整理一下CSS选择器的浏览器支持,因为CSS3增加了很多非常有用的选择器。CSS属性选择器制作个性化链接样式作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况,我将其翻译过来并进行进一步的整理,将其尽可能的简化。同时结合evotech网站整理的CSS选择器支持列表,以及我自己平时总结的一...
标签: Web开发
虽说在CSS参考手册中注明了cursor兼容性:IE4.0+ NS6.0+ 继承性:有。但还是有些属性值在FF环境中不支持. FF及IE6+支持的鼠标样式有 all-scroll  : IE6.0 有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。 col-resize  : IE6.0 有左右两个箭头,中间由竖线分隔开的光...
标签: Web开发
判断访问者的浏览器是否支持JavaScript和Cookies 许多网站需要客户端做许多复杂的工作,比如:用客户端 JavaScript 进行数据合法性校验,这需要客户浏览器的JavaScript enabled;使用 Session 变量记录身份等信息,需要浏览器 Cookies enabled。因此,有必要确定用户浏览器中的这些选项被打开。在我的网站中,我使用了一串简洁的代码实...

经验教程

702

收藏

35
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部