gWould like background image to be static.

  • Author
  • #284990

    Any idea how to make the background image on my page stay static while the content scrolls over it? Would like to avoid creating a really long background image (and therefore large file). Any suggestions or code would be appreciated!




    Depends on your blog. Can we get a direct link to your blog, starting with http?



    The “background-attachment:fixed” takes care of it. Just add it to where you have your background image url code, that’s the “background-image: url( –image url– );“.

    On your bb.css it would look like this:

    body {
    background: #fff;
    font-size: 100.01%;/* fix for IE scaling error at small font sizes*/
    text-align: center;/* centers the wrapper in IE 5.x*/
    font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
    background-image: url(../images/background.gif);
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: -50px -50px;
    margin: 0;
    padding: 0;


    Thanks for the advice, I will try that! My blog is (should have included that initially, sorry). I’m still working on it (obviously) so please excuse the mess!


    YES! That did it! Thank you SO much! This forum RULES!

The topic ‘gWould like background image to be static.’ is closed to new replies.