ページが読み込まれた後にバックグラウンドを読み込もうとしていますが、期待通りに動作しないようです。-webkit-background-sizeがjQuery CSSで動作しない
CSSの前に私のコードをした
html {
background: url(<?php echo $this->Cdn->getUrl(); ?>/images/photos/bg-blurred.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #0c1d31;
}
今、私はjQueryを使ってそれを試してみてください。
jQuery(document).ready(function() {
jQuery('html').css({
'background-image': "url('<?php echo $this->Cdn->getUrl(); ?>/images/photos/bg-blurred.jpg')",
'background-size': "cover",
'background-color': "#0c1d31",
'-webkit-background-size': "cover",
'-moz-background-size': "cover",
'-o-background-size': "cover",
});
});
それは '-webkit-背景サイズ' と「-moz-バックグラウンドと思われますsize 'と' -o-background-size 'はjQuery.cssを使用していません。他のCSSのプロパティは正常に動作します。
どのようなアイデアをお願いしますか?
質問に適切かつ迅速に回答するために、コードに開始点を追加してください。 http://stackoverflow.com/help/mcve – Roy
@Royも参照してください。私の質問に何が問題なのか分かりませんか? – zeflex
ブラウザでは、しばらくの間プレフィックスを必要としなかったので、なぜ気になりますか? – Rob