Header gestalten
bearbeitet von Gunnar Bittersmann@@Auge
> > 1. Kann ich den Hintergrund abdunkeln ohne einem Zusätzlichem DIV und ohne dass ich das Bild mit einem Grafikprogramm bearbeiten muss?
>
> Du kannst [mehrere Hintergrundbilder](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder#Verwenden_mehrerer_Hintergrundbilder) festlegen. Auch [Gradienten](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/linear-gradient()) gelten in CSS als Hintergrundbilder. Mit (teil-)transparenten Farbangaben im [rgba-](https://wiki.selfhtml.org/wiki/CSS/Wertetypen/Farbangaben#rgba) oder [hsla-](https://wiki.selfhtml.org/wiki/CSS/Wertetypen/Farbangaben#hsla)Format für den Gradienten kannst du das dahinterliegende Bild durchscheinen lassen.
Da kocht dann die GPU. Sinnvoller ist es, das Bild mit doch eben im Grafikprogramm entsprechend zu bearbeiten. Insbesondere für mobile Geräte mit nicht so viel Rechenleistung.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)