css1.0~3.0背景圖使用多張摺疊的概念與方法

需求:使用多張圖片做爲頁面的背景圖;html

首先須要瞭解background的屬性以及細節知識:http://www.javashuo.com/article/p-uxdvsgcu-co.htmlurl

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/htm

相對座標原點進行位置調整,或者使用blog

left, right, top, bottom, left top, left bottom, right top, right, bottom圖片

分別表示,從左往右,從右往左,從上往下,從下往上,從左上往右下,從……(都懂的,不全寫了)get

暫時至此。it

相關文章
相關標籤/搜索