How to Remove Repeating Background Effect

  • Resolved dberg369

    (@dberg369)


    15 years, 2 months ago

    My cloud background imagery starts to repeat itself if you scroll down the page.
    Any ideas how to stop this from happening?
    Many thanks,
    Dan.

    The Site

Viewing 2 replies - 1 through 2 (of 2 total)

  • you have two cloud background images – one is fixed and one scrolls:

    body
{
  margin: 0 auto;
  padding: 0;
  background-color: #001B33;
  background-image: url('images/Page-BgTexture.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: top left;
}
    .PageBackgroundGradient
{
  background-image: url('images/Page-BgGradient.jpg');
  background-repeat: repeat-x;
  height: 900px;
}

    you can either remove ‘background-attachment: fixed;’ from the body style, or add it to .PageBackgroundGradient
    (in style.css)

    Thread Starter dberg369

    (@dberg369)

    great, thanks.
    i removed it from the body style.
    works perfectly ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to Remove Repeating Background Effect’ is closed to new replies.