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

Question

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

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

原始背景尺寸为1046px X 200px

有什么想法吗？

Answer 1

您的x值后缺少px。如果你离开它，你将拥有像CSS这样的css属性 -webkit-background-size: 524 auto哪个错了。这是更正后的代码：

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

请参阅此小提琴：http://jsfiddle.net/PZXvz/1/

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

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