Изменение размера фонового изображения с помощью jquery для webkit

Question

Я хочу изменить размер фона с помощью jquery. Но, похоже, он не работает на сафари и хром.

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

оригинальный размер фон 1046px X 200px

Любые идеи?

Answer 1

Вам не хватает px после вашего значения x. Если вы оставите его, у вас будет свойство 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:

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