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

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - Bypass Geo Redirect for specific directories -

php - .htaccess mod_rewrite for dynamic url which has domain names -