Home > Web Front-end > CSS Tutorial > How to detect whether the user's browser supports CSS3

How to detect whether the user's browser supports CSS3

不言
Release: 2018-06-28 14:58:27
Original
1551 people have browsed it

This article mainly introduces the method of detecting whether the user's browser supports CSS3. It has certain reference value. Now I share it with you. Friends in need can refer to

How to detect the user's browser Whether to support CSS3, we need to use HTML, CSS and JavaScript to accomplish this. Here are the steps.

How to detect whether the user's browser supports CSS3, we need to use HTML, CSS and JavaScript to accomplish this. Here are the steps.
1) First make the following HTML

<span id="check" rel="Detect"></span>
Copy after login

2) Then write the following CSS

#check { 
display: none; 
width: 0; 
height: 0; 
} 
#check[rel^="D"] { 
display: block; 
width: 0; 
height: 0; 
}
Copy after login

3) The following is the JavaScripts detection script
Please ensure the following code Put it in the HTML file header.

<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>
Copy after login

The above is the entire content of this article. I hope it will be helpful to everyone's study. For more related content, please pay attention to the PHP Chinese website!

Related recommendations:

Graphic composition of css3.0

Introduction to the usage of the Transition animation attribute in CSS3

css3 realizes the effect of gradually strengthening the wifi signal

The above is the detailed content of How to detect whether the user's browser supports CSS3. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template