背景大小:封面 - Firefox问题

时间:2012-07-24 19:42:49

标签: jquery html css

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

这是我的fiddle

知道为什么它不能在firefox中运行吗?通常,background-size : cover适用于Firefox。它似乎与页面中的jQuery脚本有问题。但它在Safari和Chrome中效果很好。

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

谢谢!

1 个答案:

答案 0 :(得分:2)

更改行

$(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/