CSS樣式中解決背景圖片不能完美填充頁面(頁面高度很高)
阿新 • • 發佈:2020-12-11
先上個圖
這裡我的圖片是1920x1080畫素的
但頁面高度有2000畫素左右,想要圖片可以完美填充頁面背景
只需寫入以下程式碼
body {
margin: 0;
padding: 0;
background-image: url(assets/img/bg15.png);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
重中之重就是background-attachment:fixed這一屬性
如果使用Vue的話,只需在APP.vue中的style樣式中加入以上程式碼即可
一同進步