gWould like background image to be static.

• 

  blackandbluesboutique · Member · Nov 10, 2008 at 2:17 am

  • Copy link
  • Add topic to favorites

  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!

  Thanks!

• 

  raincoaster · Member · Nov 10, 2008 at 2:18 am

  • Copy link

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

• 

  53rg10 · Member · Nov 11, 2008 at 1:13 am

  • Copy link

  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;
  }

• 

  blackandbluesboutique · Member · Nov 13, 2008 at 3:27 pm

  • Copy link

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

• 

  blackandbluesboutique · Member · Nov 13, 2008 at 3:29 pm

  • Copy link

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