jQuery來rezise background-image

Question

我現在開始使用javascript和CSS，並且我被困在一個測試項目中。
我做了什麼，我根據其他來源的搜索，所以我不知道是否有什麼東西完全在正確的位置，可能不是。
所以，我試圖根據窗口大小調整圖像大小。
我做了它的頭，但不能讓它適用於我的導航欄背景。

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，我需要做的是改變背景-size元素的高度值，通過「jQuery的（提供的值窗口）.height（）「，就像我對標題做的一樣。 我正在成像它的「自動」和jQuery（窗口）.height（）錯誤，因爲當我只使用「封面」它的作品。 謝謝！

Answer 1

background-size只需要2個值，而不是3個。而$(window).height()將返回一個整數。您需要將px附加到該字符串，以便它知道您嘗試使用哪種單位。

我假設你想這樣做，而不是。

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