jquery - 背景尺寸 : Cover - Firefox issue

标签 jquery html css

我正在尝试在我的页面中使用 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 属性。

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

关于jquery - 背景尺寸 : Cover - Firefox issue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11638173/

相关文章:

HTML 表单光标位置在中间

javascript - 使用 jQuery slideUp() 动画的页面导航

javascript - 使用 Jquery 用索引或位置而不是键名解析 JSON 对象?

javascript - appendChild 返回无法读取未定义的属性 'containerDiv'

html - 为什么不能在有背景的 anchor 元素上设置行高?

javascript - "Prioritize visible content"的 Google 页面速度问题

html - 输入越过 div

html - 将 flex 元素堆叠在一起

html - 我无法使用 CSS 设置背景图片

c# - 使用 Jquery 从文本框向列表框添加项目