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

开发 前端
本文介绍如何使用HTML,CSS和JavaScript完成对浏览器是否支持CSS3的检测。

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

1)先制作下面的HTML

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

2)然后书写下面的CSS

  1. #check {  
  2.   displaynone;  
  3.   width0;  
  4.   height0;  
  5. }  
  6. #check[rel^="D"] {  
  7.   displayblock;  
  8.   width0;  
  9.   height0;  

3)下面是JavaScripts的检测脚本

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

  1. < script type="text/javascript"> 
  2. var obj = document.getElementById("check");  
  3. var file="special.css";  
  4. if (window.getComputedStyle)  
  5.     var stat = window.getComputedStyle(obj,null).getPropertyValue("display");  
  6. else if (obj.currentStyle)  
  7.     var stat = obj.currentStyle.display;  
  8. var css3 = (stat == "block");  
  9. if (css3) alert("CSS3 Supported.");  
  10. else alert("CSS3 not supported.");  
  11. < /script> 

【编辑推荐】

  1. 高手总结CSS书写技巧
  2. CSS 3中的炫目新功能抢先预览
  3. CSS 3备受期待的8大功能
  4. CSS网页布局困扰新手的八个问题
  5. 25个下拉菜单导航脚本下载
责任编辑:yangsai 来源: 酷壳
相关推荐

2014-12-03 10:21:50

HTML5

2021-04-01 06:23:24

CSS33D3D Web 动画

2012-02-29 09:27:36

ibmdw

2016-12-07 13:25:08

CSS33D渲染

2010-08-19 15:47:34

CSS Reset浏览器

2023-09-05 09:44:26

CSS处理器函数

2023-09-05 09:40:55

SCSS预处理器

2015-01-21 15:45:50

斯巴达浏览器

2010-04-23 10:24:57

2010-04-01 13:03:10

2012-04-23 13:43:02

HTML5浏览器

2021-05-17 05:36:02

CSS 文字动画技巧

2012-04-01 15:14:52

2011-05-27 16:07:36

浏览器CSS3HTML5

2015-12-01 09:52:03

CSS3动画源码

2010-06-23 13:24:00

CSSCSS选择器

2010-09-14 14:18:09

CSS跨浏览器开发

2010-08-30 15:40:31

CSS浏览器兼容

2010-08-20 14:11:26

IE火狐浏览器

2011-08-30 16:39:34

HTML 5
点赞
收藏

51CTO技术栈公众号