Posted By

simondiercks on 11/21/11


Tagged

css image background multiple gradient


Versions (?)

Background Image and CSS3 Gradient


 / Published in: CSS
 

URL: http://stackoverflow.com/questions/2504071/is-it-possible-to-combine-a-background-image-and-css3-gradients

  1. background: #6cab26;
  2. background-image: url(IMAGE_URL); /* fallback */
  3. background-image: url(IMAGE_URL), -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
  4. background-image: url(IMAGE_URL), -webkit-linear-gradient(top, #444444, #999999); /* Chrome 10+, Saf5.1+ */
  5. background-image: url(IMAGE_URL), -moz-linear-gradient(top, #444444, #999999); /* FF3.6+ */
  6. background-image: url(IMAGE_URL), -ms-linear-gradient(top, #444444, #999999); /* IE10 */
  7. background-image: url(IMAGE_URL), -o-linear-gradient(top, #444444, #999999); /* Opera 11.10+ */
  8. background-image: url(IMAGE_URL), linear-gradient(top, #444444, #999999); /* W3C */

Report this snippet  

You need to login to post a comment.