Größe des Hintergrundbildes proportional zum Maßstab mit einem Mittelpunkt ändern

Question

Ich möchte das Bild der Webseite bei der Größenanpassung reproduzieren können.

Es scheint, als hätte das Hintergrundbild einen Mittelpunkt, an dem das Bild zuzuschneiden beginnt, wenn es seinen Proportionsmaßstab nicht beibehalten kann. Hier

ein Beispiel:

http://themes.evgenyfireform.com/wp-jad/

Vorerst mein Hintergrund hat die folgende CSS:

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

Das Problem ist, dass es fixiert ist, und ich will es beschneiden, wenn das Bild nicht skalieren.

Answer 1

Sie suchen diese Kombination:

background-position:50% 50%; /* Sets reference point to scale from */ 
background-size:cover;  /* Sets background image to cover entire element */ 

Working sample fiddle here.

Beachten Sie, dass dies not supported by IE8 ist und JS Hackery dort benötigen, wenn Sie IE8 oder älter benötigen, um unterstützt zu werden.