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


Posted in HTML / CSS onAugust 29, 2009

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

3)下面是JavaScripts的检测脚本
请确保下面的代码放在HTML文件头。
复制代码
代码如下:

<script. type="text/javascript">
var obj = document.getElementById("check");
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>
HTML / CSS 相关文章推荐
CSS3中background-clip和background-origin的区别示例介绍
Mar 10 HTML / CSS
用CSS3的box-reflect来制作倒影效果
Nov 15 HTML / CSS
总结30个CSS3选择器
Apr 13 HTML / CSS
利用HTML5+CSS3实现3D转换效果实例详解
May 02 HTML / CSS
CSS3 二级导航菜单的制作的示例
Apr 02 HTML / CSS
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
Apr 10 HTML / CSS
利用html5 file api读取本地文件示例(如图片、PDF等)
Mar 07 HTML / CSS
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
Jan 06 HTML / CSS
HTML5本地存储和本地数据库实例详解
Sep 05 HTML / CSS
如何给HTML标签中的文本设置修饰线
Nov 18 HTML / CSS
div或img图片高度随宽度自适应的方法
Feb 06 HTML / CSS
css 边框添加四个角的实现代码
Oct 16 HTML / CSS
利用CSS3的定位页面元素
Aug 29 #HTML / CSS
CSS3属性使网站设计增强同时不消弱可用性
Aug 29 #HTML / CSS
HTML5和CSS3让网页设计提升到下一个高度
Aug 14 #HTML / CSS
用CSS3将你的设计带入下个高度
Aug 08 #HTML / CSS
CSS3 优势以及网页设计师如何使用CSS3技术
Jul 29 #HTML / CSS
CSS3 优势以及网页设计师如何使用CSS3技术
Jul 29 #HTML / CSS
HTML5 CSS3给网站设计带来出色效果
Jul 16 #HTML / CSS
You might like
php zlib压缩和解压缩swf文件的代码
2008/12/30 PHP
PHP使用php-resque库配合Redis实现MQ消息队列的教程
2016/06/29 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
Jquery 学习笔记(一)
2009/10/13 Javascript
JavaScript 三种创建对象的方法
2009/10/16 Javascript
js 居中漂浮广告
2010/03/21 Javascript
JavaScript prototype属性使用说明
2010/05/13 Javascript
JavaScript之编码规范 推荐
2012/05/23 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
JSON相关知识汇总
2015/07/03 Javascript
详解react-webpack2-热模块替换[HMR]
2017/08/03 Javascript
微信小程序模板template简单用法示例
2018/12/04 Javascript
js实现日历
2020/11/07 Javascript
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
[03:07]【DOTA2亚洲邀请赛】我们,梦开始的地方
2017/03/07 DOTA
Python本地与全局命名空间用法实例
2015/06/16 Python
Python单链表简单实现代码
2016/04/27 Python
Python中生成Epoch的方法
2017/04/26 Python
python如何修改装饰器中参数
2018/03/20 Python
基于python指定包的安装路径方法
2018/10/27 Python
python生成随机红包的实例写法
2019/09/02 Python
wxpython绘制圆角窗体
2019/11/18 Python
python3获取控制台输入的数据的具体实例
2020/08/16 Python
乌克兰在线电子产品商店:MTA
2019/11/14 全球购物
毕业生如何写自我鉴定
2014/03/15 职场文书
珠宝店促销方案
2014/03/21 职场文书
市场营销工作计划书
2014/05/06 职场文书
社团活动总结报告
2014/06/27 职场文书
汽车检测与维修专业求职信
2014/07/04 职场文书
超市创业计划书
2014/09/15 职场文书
公司开业主持词
2015/07/02 职场文书
vue backtop组件的实现完整代码
2021/04/07 Vue.js
人民币符号
2022/02/17 杂记
Django数据库(SQlite)基本入门使用教程
2022/07/07 Python