phpgoal Posted November 10, 2013 Share Posted November 10, 2013 Hello, I have this in body as: <body background="bgimage.jpg"> </body> I simply want the image displays in the back without repeating. How can i make the image display 100% without repeating? please help. -P Quote Link to comment https://forums.phpfreaks.com/topic/283773-body-background-image/ Share on other sites More sharing options...
Ch0cu3r Posted November 10, 2013 Share Posted November 10, 2013 (edited) Use HTML to markup your webpage, then use CSS to style it. CSS code for applying a background to <body></body> body { background: url(bgimage.jpg) no-repeat; } Edited November 10, 2013 by Ch0cu3r Quote Link to comment https://forums.phpfreaks.com/topic/283773-body-background-image/#findComment-1457769 Share on other sites More sharing options...
AaronClifford Posted November 10, 2013 Share Posted November 10, 2013 (edited) Or alternatively you can set it to be 100% (at any browser size) with: html{ background: url('bgimage.jpg') no-repeat center center; min-height:100%; background-size:cover; } body{ min-height:100%; } Edited November 10, 2013 by AaronClifford Quote Link to comment https://forums.phpfreaks.com/topic/283773-body-background-image/#findComment-1457783 Share on other sites More sharing options...
DonaldParker1 Posted December 10, 2013 Share Posted December 10, 2013 hello I read all reply. If they are not work then try this. I think it will work. The CSS property background-image is used to insert a background image. body { background-image: url("butterfly.gif"); } It definatly work if it not then i will help you with many more options. Thank You. Quote Link to comment https://forums.phpfreaks.com/topic/283773-body-background-image/#findComment-1461954 Share on other sites More sharing options...
wooxie Posted December 12, 2013 Share Posted December 12, 2013 Try this in CSS body { background-image: url ("bgimage.jpg") no repeat; } Will work prob. Quote Link to comment https://forums.phpfreaks.com/topic/283773-body-background-image/#findComment-1462177 Share on other sites More sharing options...
udaystrad Posted December 30, 2013 Share Posted December 30, 2013 This should help...... background: url('bgimage.jpg') no-repeat; background-size:100%; Quote Link to comment https://forums.phpfreaks.com/topic/283773-body-background-image/#findComment-1463268 Share on other sites More sharing options...
JackCode Posted January 6, 2014 Share Posted January 6, 2014 (edited) Usefull link that explains the best practises of having a perfect 100% full page resizable background. http://css-tricks.com/perfect-full-page-background-image/ Edited January 6, 2014 by JackCode Quote Link to comment https://forums.phpfreaks.com/topic/283773-body-background-image/#findComment-1464094 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.