CSS圖片跟隨頁面移動是一種常用的效果,可以讓頁面更加生動有趣,為用戶提供更好的瀏覽體驗。以下是實現方法:
.bg-img { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-image: url("background.jpg"); background-position: center; background-size: cover; }
這里的關鍵在于設置背景圖片的位置為center,可以讓圖片在頁面中心顯示。
下面是一個例子:
CSS圖片跟隨頁面移動 CSS圖片跟隨頁面移動
這是一個例子,演示了如何讓背景圖片跟隨頁面移動。
背景圖片的位置設置為center,這樣在頁面縮放或者滾動的時候,圖片都會保持在正中央。
同時,我們設置了overflow-x:hidden,這樣可以避免頁面出現橫向滾動條。
在具體的實際應用中,你可以自由發揮,為頁面添加更多的效果。
上一篇python的高級運用
下一篇Python盲目搜索代碼