Sandbox2: Difference between revisions

From StarFleet Bureau of Information
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 19: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>