Hintergrundgröße: Cover nicht skalieren Bild in Div

8

Ich habe vier gleich große Divs wie folgt eingerichtet:

%Vor%

Jeder ist 50% der Seitenbreite und absolut positioniert. So zum Beispiel:

%Vor%

Das Problem ist, wenn ich versuche, ein (großes) Hintergrundbild über die CSS3-Abdeckung zu skalieren. Dies ist das Hintergrundbild, das ich bis jetzt habe:

%Vor%

Hier ist ein Live-Beispiel: Ссылка

Wenn Sie das Platzhalterbild hier öffnen: Ссылка sehen Sie, dass das Bild nicht richtig skaliert wird.

Vermisse ich etwas?

    
Connor 27.08.2012, 17:11
quelle

1 Antwort

16

Durch das Entfernen der background-position und background-attachment Teile Ihrer Kurzanleitung background Deklaration erhalten Sie die gewünschten Ergebnisse.

Ändern:

%Vor%

An:

%Vor%

Hier ist eine Demo: Ссылка

Die Verwendung von background-position und background-attachment zusammen mit background-size : cover ist anti-intuitiv. Sie weisen den Browser an, dort zwei verschiedene Dinge zu tun, und es scheint, dass moderne Browser immer noch standardmäßig sind die alte Methode statt die neue.

Weitere Informationen zu Vorbehalten bezüglich background-size finden Sie in der MDN-Dokumentation: Ссылка

    
Jasper 27.08.2012, 17:15
quelle

Tags und Links