Sandbox2: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
<style | <style | ||
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; | ||
background-position: right top; | background-position: right top; | ||
margin-right: 200px; | margin-right: 200px; | ||
background-attachment: fixed; | background-attachment: fixed;> | ||
</style> | </style> | ||
</head> | </head> | ||
Revision as of 19:15, 7 September 2023
<!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>
