How to set position for a linear-gradient background in css3

Posted by Virender Sehwag on Programmers See other posts from Programmers or by Virender Sehwag
Published on 2014-08-19T09:34:45Z Indexed on 2014/08/19 10:30 UTC
Read the original article Hit count: 210

Filed under:

I am trying to set the position (that is, margin or padding from top) of body tag's linear background with image.

My code is

 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.9), rgb(0, 0, 0)), url("g2hd.jpg");

 background-repeat: repeat, no-repeat;
 background-attachment: fixed; background-position: 0% 30px, center center; 

but 30px is not working

but it works for normal for background-image:url("g2hd.jpg");

any idea

© Programmers or respective owner

Related posts about css3