Background-image and background in 1 tag

Posted by teepusink on Stack Overflow See other posts from Stack Overflow or by teepusink
Published on 2010-06-01T06:48:08Z Indexed on 2010/06/01 6:53 UTC
Read the original article Hit count: 209

Filed under:
|

Hi,

Is it possible to have both background-image and background gradient color applied together in 1 div tag? (CSS3 and above is ok)

I have the below code, the gradient background color does show up, but the background-image doesn't.
What am I missing?

<div style="background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#2e2e2e));border-bottom:1px solid #636363;height:39px;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius: 10px;background-image:url('/uploads/image1.jpg') no-repeat;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius: 10px;-webkit-background-size: 33px 33px"></div>

Thanks,
Tee

© Stack Overflow or respective owner

Related posts about css

Related posts about css3