2011-07-28 130 views
2

我認爲這將是一個想法,試圖檢測不支持邊界半徑與%值的瀏覽器。我用下面的代碼嘗試檢測邊界半徑,但它不是在玩球。我收到一個空的警報框。瀏覽器嗅探 - 邊界半徑%

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

它似乎比較有限,這是罰款的背景色,高度&寬度,但將返回空的填充,保證金當然邊界半徑的。

任何想法這種限制的原因是什麼?

回答

2

像「margin」,「padding」和「border-radius」這樣的東西都是實際屬性的快捷方式,例如「margin-left」,「padding-bottom」和「border-top-right-radius 」。嘗試獲取這些。

1

您可以使用modernizr來檢測邊框半徑的支持,或者只是看看他們的代碼。

+0

是的,它非常好。但是,除非我錯了,否則無法使用它來專門檢測不支持%值的瀏覽器。 –