jquery - 背景尺寸：封面 - Firefox 问题

Question

我正在尝试background-size : cover在我的页面中使用，它似乎在除 firefox 之外的所有浏览器上都能正常工作（我还没有检查 IE ......但我现在想修复 firefox 问题）。

这是我的小提琴

知道为什么它不能在 Firefox 中工作吗？通常，background-size : cover在 Firefox 中工作。页面中的 jQuery 脚本似乎有问题。但它在 Safari 和 Chrome 中运行良好。

尝试调整浏览器窗口的大小，你会明白我的意思。

谢谢！

Answer 1

换行

$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');

至

$(this).css('background-image','url(' + preloadArr[currImg++%preloadArr.length].src +')');

然后相应地设置背景位置和背景重复。

当您设置background属性时，FF 会覆盖该background-size属性。

http://jsfiddle.net/bdAcX/2/