Sandbox2
<!DOCTYPE html> <html> <head> <style="background-image: url=https://boi.alt-starfleet-rpg.com/images/8/8c/Sfjag_wht_200.png; background-repeat: no-repeat; background-position: right top; margin-right: 200px; background-attachment: fixed;> </style> </head> <body>
The background-attachment Property
The background-attachment property specifies whether the background image should scroll or be fixed (will not scroll with the rest of the page).
Tip: If you do not see any scrollbars, try to resize the browser window.
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.
</body> </html>
