사용자 브라우저가 CSS3를 지원하는지 확인하는 방법

이 글에서는 주로 사용자의 브라우저가 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 중국어 홈페이지를 주목해주세요!

관련 추천:

css3.0의 그래픽 구성

CSS3의 전환 애니메이션 속성 사용 소개

css3은 Wi-Fi 신호가 점차 증가하는 효과를 얻습니다

위 내용은 사용자 브라우저가 CSS3를 지원하는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!