我正在尝试在我的页面中使用 background-size : cover
,它似乎在除 firefox 之外的所有浏览器上都能正常工作(我还没有检查 IE ......但我想暂时解决 Firefox 问题)。
这是我的 fiddle
知道为什么它在 Firefox 中不起作用吗?通常,background-size : cover
在 Firefox 中有效。页面中的 jQuery 脚本似乎有问题。但它在 Safari 和 Chrome 中运行良好。
尝试调整浏览器窗口的大小,您会明白我的意思。
谢谢!
最佳答案
换行
$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');
到
$(this).css('background-image','url(' + preloadArr[currImg++%preloadArr.length].src +')');
然后相应地设置 background-position 和 background-repeat。
当您设置 background
属性时,FF 会覆盖 background-size
属性。
关于jquery - 背景尺寸 : Cover - Firefox issue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11638173/