jQueryを使って背景画像を改ざんする

Question

私は今、javascriptとCSSを使い始めています。私はテストプロジェクトに挑戦しています。
私は他の情報源からの検索に基づいていましたので、何かが正確に正しい場所にあるかどうかはわかりません。
私はウィンドウサイズに従って画像のサイズを変更しようとしています。
私はヘッダーでそれをしましたが、私のnavbarの背景のためにそれを動作させることはできません。

CSS：

.menutop { 
    background: url('Images/topo1.png') no-repeat top center; 
    height: 50px; 
    font-family: 'StreamArtsFont'; 
    text-align: center; 
    -webkit-animation: changeColor 30s infinite; 
} 

スクリプト：

jQuery(document).ready(function($){ 
    function fullscreen(){ 
    //Header size change 
     jQuery('#header').css({ 
      width: jQuery(window).width(), 
      height: jQuery(window).height() 
     }); 
    //Navbar size change 
     jQuery(".menutop").css("background-size", 'auto '+jQuery(window).height()+" cover"); 
    } 

私は何をする必要があるかBasicalyは、「jQueryの（によって提供された値で、背景-size要素に高さの値を変更することですウィンドウ）.height（） "、私はヘッダーと同じように。 私は "auto"とjQuery（window）.height（）の問題をイメージしています。 ありがとうございました！

Answer 1

background-sizeは、3ではなく2つの値しか取ることができません。$(window).height()は整数を返します。その文字列にpxを追加して、使用しようとしているユニットの種類を知る必要があります。

私はあなたがこれを代わりにしたいと仮定しています。

jQuery(".menutop").css('background-size', 'auto '+jQuery(window).height() + 'px');