Fixed background issues
2 posters
Page 1 of 1
Fixed background issues
- Code:
body {
background-image: url("Image link");
background-repeat: no-repeat;
}
FORUM LINK: http://narutogaiden.forumotion.com/
So this is the code I have, but the problem is the background isn't covering the entire form like I want it to, instead it's sitting in the upper-corner of the forum.
Re: Fixed background issues
Hey,
If you want the background image to fill the entire background you can use the
property. Like this :
if you want. That only fixes the background so it stays the same as you scroll.
If you want the background image to fill the entire background you can use the
|
- Code:
body {
background-size:cover;
background-attachment:fixed;
}
|
Re: Fixed background issues
Why's the background so huge now? It's like the longer the page its self is, the background constantly readjusts its self.
Re: Fixed background issues
That's the effect of "cover" you can try different values such as 100% :
See this for more information :
http://www.w3schools.com/cssref/css3_pr_background-size.asp
- Code:
body {
background-size:100% 100%;
background-attachment:fixed;
}
See this for more information :
http://www.w3schools.com/cssref/css3_pr_background-size.asp
Re: Fixed background issues
I thought these codes would be of use but their no good either. Whenever I upload the background to pics, it spans out correctly, which looks more nice. The codes just mess up the background. I tried to remove the options for image url and just leave the no repeat. Could it be my image just isn't large enough?
- Code:
div {
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-size:initial;
}
- Code:
div {
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-size:contain;
}
- Code:
div {
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-size:auto;
}
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum