suit: Vollflächiges Hintergrundbild

Beitrag lesen

Wollte lediglich wissen ob es möglich ist NUR das Problem mit dem vollflächigen Hintergrund mit CSS zu lösen und den Rest normal mit html zu programmieren?

Vorweg: mit HTML programmiert man nicht, HTML ist eine Markup-Sprache (ML) deren Funktion es ist, die Bedeutung des Inhalts kennzuzeichnen.

Ein Vollflächiges Hintergrund mit CSS ist kein Problem - dir fehlt lediglich die Defintion was völlflächig bedeutet.

  • Breite/Höhe auf 100% der Hintergrundfläche
  • Proportional einschreiben
  • Proportional umschreiben
  • zentrieren
  • an einer der Kanten ausgerichtet
  • Wenn die Hintergrundfläche größer ist als das Bild, das Bild hochskalieren?
  • Bzw wenn die Hintergrundfläche kleiner ist, das Bild runterskalieren?

CSS Backgrounds and Borders Module Level 3 mit Fokus auf background-size sollte deine erste Anlaufstelle sein.

Dann gilt es selbstverständlich noch zu klären, welche Browser du unterstützen willst/musst und wie die entsprechenden Fallback-Varianten auszusehen haben.