background-attachment

background-attachment: scroll;

Notice that:

  1. The background image moves when the "container" div is scrolled.
  2. The background image does not move when this div is scrolled.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce feugiat, lectus vitae convallis ullamcorper, nunc sapien accumsan massa, in congue purus elit feugiat lectus. Ut interdum porttitor dolor id cursus. Donec pulvinar diam ac urna fermentum ultrices. Praesent dignissim lobortis erat vel elementum.Nullam egestas augue a enim ornare vulputate.

background-attachment: fixed;

Notice that:

  1. The background image does not move when the "container" div is scrolled.
  2. The background image does not move when this div is scrolled.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce feugiat, lectus vitae convallis ullamcorper, nunc sapien accumsan massa, in congue purus elit feugiat lectus. Ut interdum porttitor dolor id cursus. Donec pulvinar diam ac urna fermentum ultrices. Praesent dignissim lobortis erat vel elementum.Nullam egestas augue a enim ornare vulputate.

background-attachment: local;

Notice that:

  1. The background image moves when the "container" div is scrolled.
  2. The background image moves when this div is scrolled.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce feugiat, lectus vitae convallis ullamcorper, nunc sapien accumsan massa, in congue purus elit feugiat lectus. Ut interdum porttitor dolor id cursus. Donec pulvinar diam ac urna fermentum ultrices. Praesent dignissim lobortis erat vel elementum.Nullam egestas augue a enim ornare vulputate.