Combining a css3 gradient with a background image

Question

I tred making this work using this reference. Yet it doesn't seem to be doing the trick. Did I miss something? I just need another set of eyes on this. Thank you.

The background image shows, but not the gradient. Here is a fiddle to show you what I mean.

What am I doing wrong?

  background: #23458E;
  background-image: url('/static/images/grey.png'); /* fallback */
  background-image: url('/static/images/grey.png'), -webkit-gradient(linear, left top, left bottom, from(#23458E), to(#2661A8)); /* Saf4+, Chrome */
  background-image: url('/static/images/grey.png'), -webkit-linear-gradient(top, #23458E, #2661A8); /* Chrome 10+, Saf5.1+ */
  background-image: url('/static/images/grey.png'),    -moz-linear-gradient(top, #23458E, #2661A8); /* FF3.6+ */
  background-image: url('/static/images/grey.png'),     -ms-linear-gradient(top, #23458E, #2661A8); /* IE10 */
  background-image: url('/static/images/grey.png'),      -o-linear-gradient(top, #23458E, #2661A8); /* Opera 11.10+ */
  background-image: url('/static/images/grey.png'),         linear-gradient(top, #23458E, #2661A8); /* W3C */

Have a look at this: stackoverflow.com/questions/16450039/… — Arbel
– Arbel, Commented May 15, 2013 at 19:51

BoltClock · Accepted Answer · 2013-05-15 19:48:02Z

3

The image is completely opaque, so since it's specified before the gradient, it covers the gradient.

Both your image and the gradient are completely opaque, so it's not clear what exactly you're trying to accomplish with both of them. An explanation of your problem is the best I can offer at the moment.

answered May 15, 2013 at 19:48

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Combining a css3 gradient with a background image

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related