Maison > interface Web > tutoriel CSS > Comment détecter si le navigateur de l'utilisateur prend en charge CSS3

Comment détecter si le navigateur de l'utilisateur prend en charge CSS3

不言
Libérer: 2018-06-28 14:58:27
original
1553 Les gens l'ont consulté

Cet article présente principalement la méthode de détection si le navigateur de l'utilisateur prend en charge CSS3. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent se référer à

Comment détecter le navigateur de l'utilisateur. pour prendre en charge CSS3, nous devons utiliser HTML, CSS et JavaScript pour y parvenir. Voici les étapes.

Comment détecter si le navigateur de l'utilisateur prend en charge CSS3, nous devons utiliser HTML, CSS et JavaScript pour y parvenir. Voici les étapes.
1) Créez d'abord le code HTML suivant

<span id="check" rel="Detect"></span>
Copier après la connexion

2) Ensuite, écrivez le CSS suivant

#check { 
display: none; 
width: 0; 
height: 0; 
} 
#check[rel^="D"] { 
display: block; 
width: 0; 
height: 0; 
}
Copier après la connexion

3) Voici le script de détection JavaScript
Veuillez vous assurer que le code suivant est placé dans l'en-tête de votre fichier 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>
Copier après la connexion

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Composition graphique de CSS3.0

Introduction à l'utilisation de l'attribut d'animation de transition en CSS3

css3 obtient l'effet d'augmenter progressivement le signal wifi

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal