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