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

2016-02-19 17:24 8 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐检测浏览器是否支持CSS3的方法,赶紧看过来吧!

【 tulaoshi.com - Web开发 】

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

} 

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

  3)下面是JavaScripts的检测脚本

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

 script type="text/javascript" 

var obj = document.getElementById("check");  

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

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 

来源:https://www.tulaoshi.com/n/20160219/1615141.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。因此,有必要确定用户浏览器中的这些选项被打开。在我的网站中,我使用了一串简洁的代码实...

经验教程

89

收藏

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