直播商城原始碼,響應式的全螢幕背景圖(主介面背景圖)

zhibo系統開發發表於2022-02-18

直播商城原始碼,響應式的全螢幕背景圖(主介面背景圖)實現的相關程式碼

/* 載入背景圖 */
background-image: url(images/background-photo.jpg);
/* 背景圖垂直、水平均居中 */
background-position: center center;
/* 背景圖不平鋪 */
background-repeat: no-repeat;
/* 當內容高度大於圖片高度時,背景影像的位置相對於viewport固定 */
background-attachment: fixed;
/* 讓背景圖基於容器大小伸縮 */
background-size: cover;
/* 設定背景顏色,背景圖載入過程中會顯示背景色 */
background-color: #464646;


以上就是直播商城原始碼,響應式的全螢幕背景圖(主介面背景圖)實現的相關程式碼, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2856338/,如需轉載,請註明出處,否則將追究法律責任。

相關文章