總是會縮放的背景圖像，以至於不會出現任何正常的背景顏色

Question

我想知道是否存在一種黑客，它會以覆蓋整個瀏覽器窗口的方式調整圖像大小。它也應該保持圖像的寬高比。

Answer 1

本網站http://css-tricks.com/how-to-resizeable-background-image/在這方面有很好的體會。

基本上只是作爲樣式使用您的BG

#bg { 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

關於您的要求，以保持縱橫比AT的同時，使之覆蓋整個窗口，我不認爲這是可以實現的，你要麼犧牲長寬比或覆蓋

Answer 2

試試這個代碼通過jQuery的

var docHeight = Math.max(

      $(document).height(), 

      $(window).height(), 

      /* For opera: */ 

      document.documentElement.clientHeight 

     ); 

     var docWidth = Math.max(

      $(document).width(), 

      $(window).width(), 

      /* For opera: */ 

      document.documentElement.clientWidth 

     ); 

     $("selector").css({ 

      "height":docHeight, 

      "width":docWidth 

     });