Background Image and CSS3 Gradient


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  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 */

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.