CSS背景的鋪滿與移動是web設計中常見的問題。有時候,你需要將背景鋪滿整個頁面但不能進行移動,這需要的是特定的CSS屬性。
body { background-image: url("your-image-url"); background-repeat: no-repeat; background-size: cover; background-position: center; }
在上述代碼中,background-repeat: no-repeat;
屬性確保背景只重復一次,而background-size: cover;
則確保背景充滿整個屏幕。最后,background-position: center;
將背景的位置居中。
這些CSS屬性確保了背景鋪滿并且在不移動的情況下居中。如果你需要在頁面中移動背景,則應使用background-attachment: fixed;
。但是,請記住,這不會讓背景始終可見,而是會讓它跟隨頁面的滾動。
上一篇css背景鋪滿手機屏幕
下一篇php table按鈕