In CSS3, it is possible to place a background image beneath a transparent gradient.
This is achieved simply by including multiple statements within the
However, CSS reads from the right to the left, so the property at the end of the list will display on top.
So, we include the background image last to have it appear behind the gradient:
background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 90%), url('http://IMAGEURL.jpg') repeat;