L'image d'arrière-plan est toujours mise à l'échelle pour que la couleur d'arrière-plan n'apparaisse pas

Question

Je me demande s'il y a un hack qui redimensionnerait l'image de telle sorte qu'elle couvrirait toujours toute la fenêtre du navigateur. Il devrait également conserver le ratio d'aspect de l'image.

Answer 1

ce site Web http://css-tricks.com/how-to-resizeable-background-image/ a un grand écrit à ce sujet.

Fondamentalement, il suffit d'utiliser le style pour votre bg

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

À propos de votre obligation de maintenir le rapport d'aspect, EN MÊME TEMPS que faire couvrir toute la fenêtre, je ne pense pas qu'il soit possible, soit vous rapport d'aspect de sacrifice ou de la couverture

Answer 2

essayer ce code par 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 

     });