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 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 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; } 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 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%; } 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. 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. 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%; 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 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/ Link to comment https://forums.phpfreaks.com/topic/283773-body-background-image/#findComment-1464094 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.