多背景圖像不符合崗位工作

#example1 {width: 500px; 
height: 250px; 
background-image: url(http://www.css3.info/wp-content/themes/new_css3/img/sheep.png), 
url(http://www.css3.info/wp-content/themes/new_css3/img/sheep.png); 
background-position: 20px 10px, 100px 250px; 
background-repeat: no-repeat; 
}

背景圖像固定背景位置不工作Demo 多背景圖像不符合崗位工作

來源

2012-10-04 mikul

哪個瀏覽器版本你測試此？ – Nelson

Chrome，IE，Firefox – mikul

什麼版本？ – Nelson

您在背景位置的高度和最後一個數字具有相同的值。改變這一點，看看。

background-position: 20px 10px, 100px 100px;

Demo

來源

2012-10-04 11:38:32 Dev

把它寫成 -

#example1 { 
    width: 500px; 
    height: 250px; 
    background: url(http://www.css3.info/wp-content/themes/new_css3/img/sheep.png) no-repeat 20px 10px, url(http://www.css3.info/wp-content/themes/new_css3/img/sheep.png) no-repeat 200px 50px; 
}

Demo

你代碼也可以工作，但是你的代碼的問題在於你正在設置第二個圖像的頂部位置爲250px;你的容器的高度是250px;這就是爲什麼它不可見:)

來源

2012-10-04 11:38:17 Dipak

多背景圖像不符合崗位工作

回答

相關問題