Background with alpha

Good Resources http://www.w3schools.com/css/css3_gradients.asp A Left To Right Colour Fade #header { background-color: #045d31; background: -webkit-linear-gradient(left, #045d31, #abe1a5); /* For Safari */ background: -o-linear-gradient(right, #045d31, #abe1a5); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #045d31, #abe1a5); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #045d31, #abe1a5); /* Standard syntax */ }    

Background image and color fill Displaying An Image At A specific Postiion In The Background Displaying An Image Offset From Right Edge Multiple Background Images See here. Use image to fill both width and height Use image to fit width or height

Multiple horizontal background images with transparent png’s Multiple vertical background images with transparent png’s Doing this won’t work because the repeat-y will cause the middle image to fill the whole height, no matter where it is positioned initially: Solution A nice solution is to push the repeating background into a pseudo element positioned off of […]