Wie kann man einen Hintergrund nicht nur vertikal oder horizontal ansprechen, sondern beides?

Question

Ich möchte eine Login-Seite erstellen, die einen Bildhintergrund hat. Ich mag dieses Login-Portal so ist es eine Referenz zu mir. Ich habe bemerkt, dass auf Office-Login-Seite, Bild nicht von vertikal oder horizontal Größe zu ändern, aber wenn ich von der Ecke ändern Größe ändert.

Ich habe versucht, Breite und Höhe Attribute mit verschiedenen Typen (wie; Auto,% oder VH) zu ändern, aber ich konnte nicht die richtigen Einstellungen dafür finden.

Was ist die Magie dahinter? Gibt es Javascript-Aktivitäten, die ich vermisst habe? Irgendwelche Ideen?

Answer 1

Verwenden Hintergrund-Größe und Hintergrund-Position zur gleichen Zeit, das zu bekommen:

background-size: cover; 
background-attachment: fixed;