jquery - jquery for webkitで背景画像サイズを変更する

Question

jqueryで背景サイズを変更したい。しかし、サファリとクロムでは動作しないようです。

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

元の背景サイズは1046px X 200px

何か案は？

Answer 1

pxx 値の後に行方不明です。そのままにしておくと、
-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 */});