jquery - 使用 jquery for webkit 更改背景图像大小

Question

我想用 jquery 改变背景大小。但它似乎不适用于 safari 和 chrome。

$(".item").css({
    "background-size": 1046 * ratio,
    "-webkit-background-size": 1046 * ratio + " auto",
});

原始背景大小是1046px X 200px

有任何想法吗？

Answer 1

您px在 x 值之后丢失了。如果你离开它，你将拥有一个
-webkit-background-size: 524 auto错误的 CSS 属性。这是更正后的代码：

$("body").css({
    "background-size": 1046 * ratio,
    "-webkit-background-size": 1046 * ratio+'px auto',
});

看到这个小提琴：http: //jsfiddle.net/PZXvz/1/

奇怪的是浏览器应该回退到该background-size属性。确保在 DOM 就绪时执行此操作：

$(document).ready(function(){/* your code */});