您现在的位置是：网站首页> 编程资料编程资料
检测用户浏览器是否支持CSS3的方法_css3_CSS_网页制作_
2021-09-09
816人已围观
简介 如何检测用户的浏览器是否支持CSS3，我们需要使用HTML，CSS和JavaScript来完成这件事情。下面是步骤。
如何检测用户的浏览器是否支持CSS3，我们需要使用HTML，CSS和JavaScript来完成这件事情。下面是步骤。
1）先制作下面的HTML
复制代码
代码如下:2）然后书写下面的CSS
复制代码
代码如下:#check {
display: none;
width: 0;
height: 0;
}
#check[rel^="D"] {
display: block;
width: 0;
height: 0;
}
3）下面是JavaScripts的检测脚本
请确保下面的代码放在HTML文件头。
复制代码
代码如下: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.");
相关内容
- CSS 设定文本尺寸的属性_CSS教程_CSS_网页制作_
- CSS 网页布局应该避免滥用div元素_CSS布局实例_CSS_网页制作_
- CSS教程 CSS定位属性_CSS教程_CSS_网页制作_
- CSS 层叠加的5条原则_CSS教程_CSS_网页制作_
- css 字体设置(不同浏览器设置效果)_CSS教程_CSS_网页制作_
- CSS Border属性制作小三角_CSS教程_CSS_网页制作_
- 网页制作 css让页面居中对齐_CSS教程_CSS_网页制作_
- CSS IE6奇数宽度或高度的bug_CSS教程_CSS_网页制作_
- CSS 分号引起页面混乱_CSS教程_CSS_网页制作_
- Jacascript和CSS实现Mac OS导航菜单_CSS教程_CSS_网页制作_
