Code Run - Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fixing background-attachment in CSS</title>
<style>
 body { 
 background-image: url("examples/resources/tajmahal.png");
 background-repeat: no-repeat;
 background-position: center;
 background-attachment: fixed;
 }
</style>
</head>
<body>
 <h1>Background Attachment Demo</h1>
 
Tip: Scroll down the page see how background-attachment property works.

The Taj Mahal, is an ivory-white marble mausoleum on the right bank of the river Yamuna in the Indian city of Agra.
It was commissioned in 1632 by the Mughal emperor Shah Jahan to house the tomb of his favourite wife, Mumtaz Mahal;
it also houses the tomb of Shah Jahan himself.
 
The Taj Mahal, is an ivory-white marble mausoleum on the right bank of the river Yamuna in the Indian city of Agra.
It was commissioned in 1632 by the Mughal emperor Shah Jahan to house the tomb of his favourite wife, Mumtaz Mahal;
it also houses the tomb of Shah Jahan himself.
 
The Taj Mahal, is an ivory-white marble mausoleum on the right bank of the river Yamuna in the Indian city of Agra.
It was commissioned in 1632 by the Mughal emperor Shah Jahan to house the tomb of his favourite wife, Mumtaz Mahal;
it also houses the tomb of Shah Jahan himself.
 
The Taj Mahal, is an ivory-white marble mausoleum on the right bank of the river Yamuna in the Indian city of Agra.
It was commissioned in 1632 by the Mughal emperor Shah Jahan to house the tomb of his favourite wife, Mumtaz Mahal;
it also houses the tomb of Shah Jahan himself.
</body>
</html>