So erkennen Sie, ob der Browser des Benutzers CSS3 unterstützt

Dieser Artikel stellt hauptsächlich die Methode zum Erkennen vor, ob der Browser des Benutzers CSS3 unterstützt. Jetzt kann ich ihn mit Ihnen teilen.

So erkennen Sie den Browser des Benutzers Um CSS3 zu unterstützen, müssen wir dazu HTML, CSS und JavaScript verwenden. Hier sind die Schritte.

Um festzustellen, ob der Browser des Benutzers CSS3 unterstützt, müssen wir HTML, CSS und JavaScript verwenden, um dies zu erreichen. Hier sind die Schritte.
1) Erstellen Sie zuerst den folgenden HTML-Code

<span id="check" rel="Detect"></span>

2) Schreiben Sie dann das folgende CSS

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

3) Das Folgende ist das JavaScript-Erkennungsskript
Bitte stellen Sie sicher, dass Code unten Fügen Sie ihn in den Header der HTML-Datei ein.

<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>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Grafische Komposition von CSS3.0

Einführung in die Verwendung des Übergangsanimationsattributs in CSS3

css3 erzielt den Effekt einer allmählichen Erhöhung des WLAN-Signals

Das obige ist der detaillierte Inhalt vonSo erkennen Sie, ob der Browser des Benutzers CSS3 unterstützt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!