I am trying to create a background image that is placed behind a specific title image. I want the background image to stay with that title image so that when I scroll down the page, it stays fixed with the title image and it eventually cannot be seen.

I have tried several different variations of the script below, but the background image always ends up scrolling with the page thus making it just float on the page without any specific purpose.

This script below has worked on JSFiddle, but I have had no luck with it in SharePoint 2013.

body.ms-backgroundImage {

background: url(../LandingPage/LAIPic1.png) top left no-repeat;
background-position: fixed;

}

I am trying to create a background image that is placed behind a specific title image. I want the background image to stay with that title image so that when I scroll down the page, it stays fixed with the title image and it eventually cannot be seen.

I have tried several different variations of the script below, but the background image always ends up scrolling with the page thus making it just float on the page without any specific purpose.

This script below has worked on JSFiddle, but I have had no luck with it in SharePoint 2013.

body.ms-backgroundImage {
background: url(../LandingPage/LAIPic1.png) top left no-repeat;
background-position: fixed;
}