jquery - jQuery の背景サイズの幅と高さの値

Question

背景サイズの幅と高さを設定しようとしていますが、jQuery では、何を試しても 1 つの値しか使用できず、高さが取り除かれます。

現在、変数を使用して幅を動的に設定していますが、静的な高さを追加する必要があります。この問題の解決策に関するアイデアはありますか?

次のコードを試しました：

var itemResize = $(".slider-container ul li, .slider-container .blurlayer");

$(window).resize(function() {
    var windowWidth = $(window).width();
    itemResize.css({ backgroundSize : windowWidth });
}).resize(); 

Answer 1

幅と高さの両方を一緒に設定する必要がありますが、文字列として設定する必要があります。

var itemResize = $(".slider-container ul li, .slider-container .blurlayer");

$(window).resize(function() {
  var windowWidth = $(window).width() + 'px';
  var windowHeight = '100px';
  itemResize.css({ backgroundSize : windowWidth + ' ' + windowHeight });
}).resize(); 

Answer 2

高さが変わらなくても、背景の幅と高さを同時に割り当てる必要があります。

itemResize.css({ backgroundSize : windowWidth+' '+staticHeight });