检测用户浏览器是否支持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编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
Jan 07 HTML / CSS
纯css3实现图片翻牌特效
Mar 10 HTML / CSS
CSS3+js实现简单的时钟特效
Mar 18 HTML / CSS
使用CSS3来实现滚动视差效果的教程
Aug 24 HTML / CSS
CSS3按钮鼠标悬浮实现光圈效果源码
Sep 11 HTML / CSS
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
Nov 21 HTML / CSS
详解CSS3阴影 box-shadow的使用和技巧总结
Dec 03 HTML / CSS
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
Mar 02 HTML / CSS
CSS3新增布局之: flex详解
Jun 18 HTML / CSS
基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能
Jul 09 HTML / CSS
position:sticky 粘性定位的几种巧妙应用详解
Apr 24 HTML / CSS
关于html选择框创建占位符的问题
Jun 09 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多线程编程之管道通信实例分析
2015/03/07 PHP
php实现模拟登陆方正教务系统抓取课表
2015/05/19 PHP
smarty内部日期函数html_select_date()用法实例分析
2015/07/08 PHP
CSS常用网站布局实例
2008/04/03 Javascript
jquery 问答知识整理
2010/02/11 Javascript
通过判断JavaScript的版本实现执行不同的代码
2010/05/11 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
2014/12/18 Javascript
jQuery中die()方法用法实例
2015/01/19 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
2016/01/10 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
2016/04/13 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
javascript中获取元素标签中间的内容的实现方法
2016/10/08 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
2017/01/05 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
2017/02/22 Javascript
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
javascript和php使用ajax通信传递JSON的实例
2018/08/21 Javascript
微信小程序简单的canvas裁剪图片功能详解
2019/07/12 Javascript
vue给对象动态添加属性和值的实例
2019/09/09 Javascript
js正则匹配多个全部数据问题
2019/12/20 Javascript
[06:15]2016国际邀请赛中国区预选赛单车采访:我顶WINGS
2016/06/27 DOTA
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
解决python 文本过滤和清理问题
2019/08/28 Python
Jupyter notebook无法导入第三方模块的解决方式
2020/04/15 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
如何在网站上添加谷歌定位信息
2016/04/16 HTML / CSS
意大利在线大学图书馆:Libreria universitaria
2019/07/16 全球购物
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
介绍一下RMI的基本概念
2016/12/17 面试题
优秀党员获奖感言
2014/02/18 职场文书
《童趣》教学反思
2014/02/19 职场文书
学习教师法的心得体会
2014/09/03 职场文书
英语辞职信怎么写
2015/02/28 职场文书
公司宣传语大全
2015/07/13 职场文书