Wie setze ich einen festen Hintergrund mit CSS?

Question

Ich habe einen festen Hintergrund auf meiner Website eingestellt, aber es bleibt nicht ganz fixiert, wenn ich ein- und auszoomen.

Dies ist die Seite, die ich aus dem Hintergrund replizieren möge:

http://triangl.com/

in Zooming und hält aus dem Hintergrund vollständig fixiert.

Bitte sehen Mine:

http://zoeyplayground-com.zoeysite.com/

Ein- und Auszoomen wird anders verhalten.

Mein Code ist unten. Dies setzt nur den Hintergrund auf der Homepage:

jQuery(document).ready(function(){ 

    if (top.location.pathname === '/') 
    { 
    jQuery("body").addClass("bodybackground"); 
    } 

}); 

.bodybackground { 
    background: url('/media/import/background.jpg') no-repeat center center fixed; 
} 

Könnte mir jemand mitteilen, was dieses verursachen könnte? Vielen Dank für jede Hilfe.

Answer 1

müssen Sie background-size: cover;

.bodybackground { 
    background: url('/media/import/background.jpg') no-repeat center center fixed; 
    background-size: cover; 
} 

Answer 2

Verwenden background-size: cover; oder background-size: contain; wie pro Ihre Notwendigkeit hinzuzufügen. Das sollte es beheben.