javascript - 背景位置属性支持

Question

您好，我正在为客户的网站编写视差效果，该网站需要在 IE8+ 和所有主流现代浏览器上运行，问题是我正在使用背景位置来实现视差。

IE8 只支持 background-positon-y 或 -x 而 firefox 只支持 background-position，所以我阅读了 jquery 页面上的文档，他们不建议检测浏览器，而是建议检测属性支持，所以我阅读了Modernzr 的文档，但似乎没有对 background-position(IE9+ 和现代浏览器)或 background-position-x 或 -y (IE8) 进行验证

您知道检测 background-position 或 background-position-y 或 -x 支持的良好做法或库吗？

谢谢!

Answer 1

只需同时设置background-positon 和background-positon-x(和-y)。浏览器将使用它们支持的值。

此外:据我所知，IE8 像几乎所有主流浏览器一样支持 background-position。但是，您的 HTML 和 CSS 中可能存在其他一些错误，这会阻止 IE8 使用/理解此指令。