检查 CSS 背景大小支持的方法答案

【问题标题】：Method to check for css background-size support检查 CSS 背景大小支持的方法
【发布时间】：2013-05-13 01:06:54
【问题描述】：

我正在开发一个主要使用background-size:cover 属性作为背景的网站。但是我想支持 IE 7/8，我知道我可以使用 IE 条件 cmets，但检查属性支持会更有用，因为它可以支持其他旧浏览器而不是 IE。

我有后台问题的解决方案，但是我需要知道什么时候用js添加它，这取决于是否支持background-size属性。

我的问题是，在旧浏览器中检查 css background-size 属性的最佳方法是什么？

我看到了一些相关的问题，但它们都需要使用 Modernizer，我不希望使用额外的库，除非它是唯一的选择。

谢谢。

【问题讨论】：

【解决方案1】：

if( 'backgroundSize' in document.documentElement.style) 将是最简单的方法。

【讨论】：

供应商前缀怎么样？我怀疑这涵盖了所有/许多情况
@Ian 这里唯一的供应商前缀是-moz-background-size，这仅适用于 Firefox 3.6。我认为这里不需要。
我不知道，MDN 文档显示了 older browsers 的几个前缀（OP 要求）：developer.mozilla.org/en-US/docs/Web/CSS/background-size，以及一种特殊的使用方式filter 用于 IE 8
@Ian 可能是这样，但在这种情况下，由 OP 来决定是否值得对所有前缀进行测试，或者只是为不支持的浏览器实现回退支持无前缀版本。
在此处查找有关这不适用于 Safari 和 iPad 的说明。 stackoverflow.com/questions/12244598/…