ユーザーのブラウザが CSS3 をサポートしているかどうかを検出する方法

この記事では、ユーザーのブラウザが CSS3 をサポートしているかどうかを検出する方法を主に紹介します。これには特定の参考値がありますので、必要な友達に参考にしてください。これを行うには、HTML、CSS、および JavaScript を使用します。手順は次のとおりです。

ユーザーのブラウザが 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) 以下は JavaScript 検出スクリプトです

次のコードが 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>

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

css3.0のグラフィック構成

CSS3のトランジションアニメーション属性の使用方法の紹介

css3は、Wi-Fi信号を徐々に増加させる効果を実現します

以上がユーザーのブラウザが CSS3 をサポートしているかどうかを検出する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。