教你為一個(gè)div添加多個(gè)背景圖片
首先，我們新建一個(gè)HML頁(yè)面，并準(zhǔn)備好兩張不同的背景圖片。
然后，我們?cè)趆tl中隨便新建一個(gè)塊級(jí)元素，為他設(shè)置寬高，可以寫(xiě)點(diǎn)文字。瀏覽器中的效果是下圖這樣的。
然后，我們開(kāi)始為元素添加背景圖片，我是將background-*這個(gè)屬性分開(kāi)來(lái)寫(xiě)的。分別是background-image,background-position,backgroud-repeat
在CSS3語(yǔ)法里面，除了backgroud-color是唯一一個(gè)不能使用多個(gè)值的background-*元素，所以，我們以上的.三個(gè)元素都可以使用多個(gè)值，兩個(gè)值之間以逗號(hào)相連。
但是如果一個(gè)屬性的數(shù)量，少于背景層的數(shù)量，那么這個(gè)屬性就會(huì)被應(yīng)用到所有的背景層上面，所以我們的backgroud-repeat只用寫(xiě)一個(gè)。
我們?cè)跒g覽器刷新之前的頁(yè)面可以看到最新的效果，兩個(gè)背景圖片都顯示到我們的標(biāo)簽上。基本上是先寫(xiě)的圖片的z-index值高
除了把這些屬性分開(kāi)寫(xiě)，我們也可以只寫(xiě)一個(gè)background。具體寫(xiě)法如下圖。兩個(gè)背景圖片之間同樣用逗號(hào)隔開(kāi)。
【教你為一個(gè)div添加多個(gè)背景圖片】相關(guān)文章：
教你簡(jiǎn)易制作做一個(gè)巨大的毛線球DIY手工編織11-15
win7怎么添加ftp10-19
win7怎么添加ftp10-19
電腦怎么添加內(nèi)存條11-26
電腦如何添加固態(tài)硬盤(pán)11-16
Mac電腦打開(kāi)多個(gè)Finder標(biāo)簽頁(yè)的方法10-01
win7系統(tǒng)怎么添加ftp11-10