需求:使用多張圖片作為頁面的背景圖; 首先需要瞭解background的屬性以及細節知識:https://www.cnblogs.com/chenglj/p/7372996.html background-image:url("1.jpg"),url("2.jpg"),url("3.jpg"); b ...
需求:使用多張圖片作為頁面的背景圖;
首先需要瞭解background的屬性以及細節知識:https://www.cnblogs.com/chenglj/p/7372996.html
background-image:url("1.jpg"),url("2.jpg"),url("3.jpg"); background-repeat: no-repeat, no-repeat, no-repeat; background-position: 0 0, 200px 0, 400px 201px;
如上寫法;
可以通過調整圖片的順序顯示哪張圖片在最上端。
然後,需要瞭解關於background-position的具體用法:https://www.douban.com/note/510879342/
相對坐標原點進行位置調整,或者使用
left, right, top, bottom, left top, left bottom, right top, right, bottom
分別表示,從左往右,從右往左,從上往下,從下往上,從左上往右下,從……(都懂的,不全寫了)
暫時至此。