使用CSS設(shè)置2張可以利用CSS3的多背景屬性background-image。通過使用逗號分隔的多個背景圖片URL,可以在同一元素上疊加兩張背景圖片。如下:
p?{
background-image:?url("img1.png"),?url("img2.png");
background-repeat:?no-repeat,?no-repeat;
background-position:?top?left,?bottom?right;
background-size:?12%?auto,?12%?auto;
}
在上述代碼中,首先使用background-image屬性指定兩張背景圖片的URL,用逗號分隔。然后使用background-repeat屬性分別控制兩張背景圖片的是否平鋪。最后使用background-position屬性分別控制兩張背景圖片的位置。可以通過指定“top left”等位置關(guān)鍵字,或是使用像素或百分比值來控制位置。