CSS背景滿屏不動(dòng)滾動(dòng)頁面是一種很酷的效果，可以為網(wǎng)頁增添視覺美感。本文將教你如何實(shí)現(xiàn)這種效果。
body {
background-image: url("背景圖地址");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}以上是實(shí)現(xiàn)背景滿屏不動(dòng)的CSS樣式：
- background-image：設(shè)置背景圖的地址
- background-repeat：設(shè)置背景圖不重復(fù)
- background-size：將背景圖完全填滿屏幕
- background-attachment：設(shè)置背景圖固定，不隨滾動(dòng)而滾動(dòng)
需要注意的是，這個(gè)效果只是使背景圖不動(dòng)，而網(wǎng)頁內(nèi)容仍然可以滾動(dòng)。如果想要整個(gè)頁面不動(dòng)，可以在HTML標(biāo)簽上添加style="overflow: hidden;"的屬性。
<html style="overflow: hidden;"> <body> <!-- 頁面內(nèi)容 --> </body> </html>
通過這種方式，可以實(shí)現(xiàn)背景滿屏不動(dòng)滾動(dòng)頁面的效果，為網(wǎng)頁增加一份出色的視覺效果。