브라우저 스니핑 - 테두리 반경 %

Question

%의 값을 사용하여 경계 반경을 지원하지 않는 브라우저를 감지하려고하는 것이 좋습니다. 나는 아래의 코드를 사용하여 경계 반경을 탐지하려고 시도했지만 공을 가지고 있지 않습니다. 나는 비상 경고 상자를 얻는다.

function getStyle(ele,styleProp){ 
      var x = document.getElementById(ele); 
      if(x.currentStyle){ 
       var y = x.currentStyle[styleProp]; 
      }else if(window.getComputedStyle){ 
       var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp); 
      } 
      return y;    
     } 

     $('body').append('<div id="test"></div>'); 

     var style = getStyle('test','-webkit-border-radius'); 
     alert(style); 

나는 here

그것은, 그것은 배경 색상, 높이 & 폭의 미세 다소 제한 것 같다에서이 코드를 얻었으나, 패딩, 마진 물론 국경 반경의 빈 반환합니다.

이 제한의 원인은 무엇입니까?

Answer 1

"margin-left", "padding-bottom"및 "border-top-right-radius"와 같은 실제 속성에 대한 모든 바로 가기는 "margin", "padding"및 "border- ". 그것을 얻는 시도하십시오.

Answer 2

modernizr을 사용하여 테두리 반경 지원을 감지하거나 코드를 살펴볼 수 있습니다.