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

Question

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

这在 jQuery 中怎么可能？

马蒂莱恩

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。