javascript - 检测对背景大小 : cover 的支持

Question

检测对 CSS3 background-size: cover 支持的保存方法是什么，尤其是在 IE < 9 中？

以下测试在 IE < 9 中返回误报，因为它实际上将 background-size 设置为 cover:

div.style.backgroundSize = 'cover';

我在测试时得到的唯一真实结果:

if ('backgroundSize' in div.style)

但根据网站http://www.standardista.com/css3/css3-background-properties/#bg11 , IE 6/7/8 应返回auto，仅不支持cover 和contain。

编辑:

我想使用我自己的解决方案，但我已经检查了 code used by Modernizr . 似乎他们使用相同的技术在 IE < 9 中给我误报结果: 设置 backgroundSize = 'cover'，然后检查 style.backgroundSize == 'cover'。

查看我的 JSFiddle .

Answer 1

如果您使用 Modernizr，您可以只下载执行此类任务所需的代码

http://modernizr.com/download/#-backgroundsize-testprop-testallprops-domprefixes

然后你可以测试

if (Modernizr.backgroundsize) {
    /* backgroundSize supported */
}