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: 211
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