W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<head>
<style>
body {
 background-image: url("img_tree.gif");
 background-repeat: no-repeat;
 background-attachment: fixed;
}
</style>
</head>
<body>

<h1>The background-attachment Property</h1>

The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
The background-image is fixed. Try to scroll down the page.
If you do not see any scrollbars, try to resize the browser window.

</body>

</html>

​x
 
<!DOCTYPE html><html><head><style>body  {  background-image: url("img_tree.gif");  background-repeat: no-repeat;  background-attachment: fixed;}</style></head><body>​<h1>The background-attachment Property</h1>​<p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>The background-image is fixed. Try to scroll down the page.</p><p>If you do not see any scrollbars, try to resize the browser window.</p>​</body>​<!-- Mirrored from www.w3schools.com/cssref/tryit.php?filename=trycss_background-attachment by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 17:34:55 GMT --></html>