BlackHell: Leeres Element mit Responsivem Background

Beitrag lesen

Ich bastle an einem Template und habe dort einen Slider aus Hintergrundbildern erstellt, der eine feste Breite als auch Höhe hat.

Jetzt muss ich das mobil optimieren.

Wenn ich die Bilder direkt im <img> angebe, funktioniert auch alles, nur nicht, wenn ich diese als Hintergrundbilder haben will.

Warum als Hintergrundbilder?

Damit ich sie leichter austauschen kann. Ich muss so nur in die CSS Datei und dort ändern und nicht alle einzelnen Dinge, die mit dem Template in zusammenhang hängen.

Da ich keine festen Werte angeben kann, habe ich für den Hauptinhalt eigentlich Breite und Höhe von 0.

Gebe ich in der CSS Datei die px Werte für Breite und Höhe an, klappt zwar alles, aber es ist dann nicht mobil geeignet.

Ich könnte es für mobil auch ausgeblendet lassen, das sollte aber die letzte Option sein.

Gibt es schon eine Möglichkeit, dem Browser mitzuteilen, er möge das Element so groß wie den Hintergrund machen?

Alle Hintergrundbilder haben die gleiche Grundbreite und Grundhöhe.