PNLdev
Tutorial
Front-end
HTML
reference
CSS
reference
JavaScript
reference
En
English
فارسی
En
English
فارسی
Tutorial
Front-end
HTML
reference
CSS
reference
JavaScript
reference
Run
<!DOCTYPE html> <html> <head> <style> body { background-image: url("/pic.jpg"); background-repeat: no-repeat; background-attachment: fixed; } </style> </head> <body> <h2>background-attachment property example</h2> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>The background-image will be fixed, no matter how much you scroll, the background is still fixed.</p> <p>If you do not see any scrollbars, try to resize the browser window.</p> </body> </html>
