使用jquery为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 ready上执行此操作:

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