如何检查是否支持css box-shadow(jQuery)？

Question

我正在创建一个完整的CSS布局.但是,某些浏览器(如IE6)不支持box-shadow(..和-webkit-box-shadow或-moz-box-shadow).我想检查它是否不受支持,然后添加其他样式.

这在jQuery中怎么可能？

Martti Laine

Answer 1

var check = document.createElement('div');

var shadow = !!(0 + check.style['MozBoxShadow']);
if(shadow)
   alert('moz-box-shadow available');

这就是自己动手的方式.其他可靠的方法是modernizr库,它为您进行特征检测.

http://www.modernizr.com/

这里根本不需要jQuery.