Sandbox2: Difference between revisions
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
<head> | <head> | ||
<style> | <style> | ||
body | |{ body | ||
background-image: url("https://boi.alt-starfleet-rpg.com/images/8/8c/Sfjag_wht_200.png"); | background-image: url("https://boi.alt-starfleet-rpg.com/images/8/8c/Sfjag_wht_200.png"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Line 9: | Line 9: | ||
margin-right: 200px; | margin-right: 200px; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
} | |} | ||
</style> | </style> | ||
</head> | </head> | ||
Revision as of 20:11, 7 September 2023
<!DOCTYPE html> <html> <head> <style> |{ body
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>
