How to specify a fixed background image

Example analysis:

The background-attachment attribute can set whether the background image is fixed or scrolls with the rest of the page.

When the value of the background-attachment attribute is "fixed", the background image is fixed and does not scroll with the rest of the page.

Continuing Learning

new file

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> body { background-image:url('https://img.php.cn/upload/article/000/000/024/5c6a4428ea867709.png'); background-repeat:no-repeat; background-attachment:fixed; } </style> </head> <body> 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 背景图片是固定的，不会随页面的其余部分滚动。 </body> </html>

submit Reset Code

Automatic operation

How to specify a fixed background image

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]