CSS 속성 지원 감지

일반 JavaScript가 CSS 속성이 현재 브라우저에서 지원되는지 여부를 확인하려면 어떻게해야합니까?CSS 속성 지원 감지

현재 "document.compatMode"을 사용하여 이상이 없는지 확인합니다. 그러나 재산에 특정한 것을 검사하는 방법이 있어야합니다.

[check browser css property support] (http://stackoverflow.com/questions/1342994/check-browser-css-property-support)의 가능한 중복 – kiamlaluno

당신은 전,이 작업을 수행 할 수 있습니다. 지원되지 않는 경우 '정의되지 않음'입니다.

2012-01-11 18:31:08

감사합니다. 작동합니다. 어쨌든 의사 클래스를 찾는 방법도 지원되는지 아닌지 알고 있습니까? 나는 ': hover', ': active'를 의미했습니다. – emphaticsunshine

-3

아니야. 지원되는 브라우저에서

typeof document.body.style.borderRadius

, 그것은 '문자열을'반환해야합니다 :

2012-01-11 18:24:17

문제의 "아니오"는 절대로 없습니다. – emphaticsunshine

새 DOM API CSS.supports이 있습니다. FF, Opera (supportsCSS로) 및 Chrome Canary는 이미이 방법을 구현합니다. 당신은 여전히 CSS 속성 접두어를위한 브라우저 접두사를 지정해야

CSS.supports("display", "table");//IE<8 return false

을하지만 :

브라우저 간 호환성을 내 CSS.supports polyfill

예를 사용할 수 있습니다. 예를 들어 :

CSS.supports("-webkit-filter", "blur(10px)");

나는 기능이 검출 Modernizr을 사용하는 것이 좋습니다.

2013-06-21 16:03:35 termi

제안 해 주셔서 감사합니다. 나는 Modernizr에 익숙하지만 1 개의 단일 탐지를위한 js lib를 포함하고 싶지 않습니다. – emphaticsunshine

답변