2

私はJavaScriptが初めてです。

これまでの私のコード:

$("#Stage").css(
  "background-image",
  "url(BG.jpg)",
  "background-attachment", 
  "fixed"
);

私がやりたいのは、背景画像を設定したサイズにすることwidth: 100%ですheight: 100%。

4

3 に答える 3

12

を使用しますbackground-size: 100%。ブラウザーのサポートが、サポートされているプラ​​ットフォームと互換性があることを確認してください。

$("#Stage").css({ 
     "background-image": "url(BG.jpg)", 
     "background-attachment": "fixed",
     "background-size": "100%"
});
于 2013-06-27T21:12:34.573 に答える
0

これは私にとってはうまくいきました（スライダー内）：

<!-- CSS -->
<style>
    div.img { 
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    div.img:nth-of-type(1) {background-image: url('img.jpg');}
    div.img:nth-of-type(2) {background-image: url('img.jpg'); 
    }
</style>

<!-- HTML -->
<div class="img"></div>
于 2016-03-02T22:09:04.067 に答える
-3

これは単純な CSS であり、jQuery ではありません。ここで詳細を読むことができますbackground-size: http://www.w3schools.com/cssref/css3_pr_background-size.asp

于 2013-06-27T21:09:26.170 に答える