html - How to maintain the background image until end of the page -
i have short example:
code css:
body{ background:url(decupate/test/images/ppp.jpg); bacground-size:contain; backgoun-repeat:none; }
i put picture understand want do.
http://i61.tinypic.com/10xeeeb.jpg
if put background size: cover
appears end there incomplet image.
how can solve problem?
thanks in advance!
you have use html instead of body ,see code below :
html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: 100% 100% cover; -moz-background-size: 100% 100% cover; -o-background-size: 100% 100% cover; background-size: 100% 100% cover; /* set padding , margin "0" */ margin: 0; padding: 0; /* set position rules */ top: 0; left: 0; }
Comments
Post a Comment