Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <style> body { background-image: url("/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png"); background-repeat: no-repeat; background-attachment: scroll; background-size: 400px 100px } </style> </head> <body> <h2>Пример background-attachment</h2> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Фоновое изображение прокручивается вместе со страницей. Попробуйте выполнить прокрутку вниз.</p> <p>Если полоса прокрутки не видна, попробуйте изменить размер окна браузера.</p> </body> </html>