|
|
| Line 2: |
Line 2: |
| <html> | | <html> |
| <head> | | <head> |
| <center 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;"> | | <center> |
| | THIS IS A TEST |
| </center> | | </center> |
| </head> | | </head> |
| <body> | | <body> |
| <p img src="Full_wht_200.png" | | <div> |
| alt="SFJAG LOGO"
| | [[Image:Sfjag_wht_200.png|150px|JAG Badge|left]] |
| height="200px">
| |
| </p>
| |
| <h1>The background-attachment Property</h1>
| |
| | |
| <p>The background-attachment property specifies whether the background image should scroll or be fixed (will not scroll with the rest of the page).</p>
| |
| | |
| <p><strong>Tip:</strong> If you do not see any scrollbars, try to resize the browser window.</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>
| |
| | |
| </body> | | </body> |
| | </div> |
| </html> | | </html> |
|
| |
| <TITLE>Setting the canvas background</TITLE>
| |
| <STYLE type="text/css">
| |
| BODY { background: url("https://boi.alt-starfleet-rpg.com/images/8/8c/Sfjag_wht_200.png") }
| |
| </STYLE>
| |
| <P>My background is marble.
| |
