Example 2 - Background gradient as one of two multiple backgrounds. Where's the train? A: Behind the gradient.
html { min-height:100%; } /* to get the gradient to stetch to the bottom of the view port */
body {
background: #a5c9e5;
background: -moz-linear-gradient(top, #1e5799 0%, #a5c9e5 100%), url(img.png) no-repeat 50% 300px;
background: -webkit-gradient(linear, 0% 0%,0% 100%, from(#1e5799), to(#a5c9e5)), url(img.png) no-repeat 50% 300px;
background: -webkit-linear-gradient(top, #1e5799 0%,#a5c9e5 100%), url(img.png) no-repeat 50% 300px;
background: -o-linear-gradient(top, #1e5799 0%,#a5c9e5 100%), url(img.png) no-repeat 50% 300px;
background: -ms-linear-gradient(top, #1e5799 0%,#a5c9e5 100%), url(img.png) no-repeat 50% 300px;
background: linear-gradient(top, #1e5799 0%,#a5c9e5 100%), url(img.png) no-repeat 50% 300px;
}