Jump to content

[CSS TRICK] Perfect Full Background Image


TheVortex

Recommended Posts

I've seen many home made websites, with a fail background fillin only the half page, that suck really. so here is a code you can put, so the background will stuck and just the content will be moved when you scrolling the page..

 

html { 
background: url(images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

 

source : http://css-tricks.com/perfect-full-page-background-image/

Link to comment
Share on other sites

I've seen many home made websites, with a fail background fillin only the half page, that suck really. so here is a code you can put, so the background will stuck and just the content will be moved when you scrolling the page..

 

html { 
background: url(images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

 

source : http://css-tricks.com/perfect-full-page-background-image/

 

Nice trick bro. Is this your work or you found it from somewhere.?

Link to comment
Share on other sites

Of course he found it. Don't you see at the bottom there is a little tiny text;

 

By the way, this is a basic code if you are doing a website ... I would be surprised if anyone working with websites (even if he just started (a newbie, so to say)) wouldn't know it ..

 

By the way, some websites are specifically made so that the background image would only be at the top, and when you scroll down it wouldn't be there (wouldn't be stuckable, so to say (not the way that you wrote)) ..

Link to comment
Share on other sites

Of course he found it. Don't you see at the bottom there is a little tiny text;

By the way, this is a basic code if you are doing a website ... I would be surprised if anyone working with websites (even if he just started (a newbie, so to say)) wouldn't know it ..

 

By the way, some websites are specifically made so that the background image would only be at the top, and when you scroll down it wouldn't be there (wouldn't be stuckable, so to say (not the way that you wrote)) ..

 

oh... i didn't saw it cuz his text about it is too small to see it.

 

@Anni

 

Keep going with these kind of shares bro.!!!!! thx you so much for it.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...