css同時設定多個背景 背景圖片顯示的先後順序問題

NO IMAGE
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

css 的background 可以設定多個背景圖片:

下面這個類名為 abc 的樣式設定了兩個背景圖片,分別為:test.png 和 test2.jpg ,也就是說需要設定多少個

背景圖片,就設定幾個 url 就可以了;

.abc{

width: 300px;

height: 300px;

border: 1px solid red;

background:url( test1.png ) no-repeat,

                    url( test2.jpg ) no-repeat;

}

 

然後需要注意的就是背景圖片的顯示的順序的問題,

上面的例子中先設定的背景圖片是 test1.png ,那麼可以假設test1.png的層級是 1,

那麼後設定的背景圖片 test2.jpg 的層級就可以是 2,也就是後面設定的背景會遮住前面設定的背景;

相關文章

程式語言 最新文章