CSS Background Position Background Color
div { background-image: linear-gradient(transparent 10px, red 10px); }
CSS3 Webdesign aus Duisburg Logo
Neben der Möglichkeit ein background-image zu positionieren, ist es auch möglich das mit einem farbigen Hintergrund zu tun. Hierfür muß man praktisch mit CSS ein background-image generieren. Im oben dargestellten CSS Snippet wird also eine CSS Background Position Background Color gesetzt. Ein möglicher Anwendungsfall sind before Pseudo CSS Klassen mit denen man ein Dreieck oberhalb eines DIVs erzeugt. Hier ist es dann wichtig, daß die Hintergrundfarbe in der Höhe des Dreiecks einen Abstand nach unten bekommt. Sonst kann man das Dreieck bei gleicher Farbe leider nicht sehen.
Weiterführende Links zu CSS3 Gardients CSS Background Position Background Color
http://css-tricks.com/css3-gradients/
http://www.w3schools.com/css/css3_gradients.asp
