0
#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;
}​

背景位置が固定された背景画像が機能しないデモ

4

2 に答える 2

3

バックグラウンド位置の高さと最後の数値に同じ値があります。これに変更して見てください。

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

デモ

于 2012-10-04T11:38:32.590 に答える
1

次のように書いてください-

#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;
}

デモ

コードも機能しますが、コードの問題は、2番目の画像の上部の位置を250pxに設定していることです。コンテナの高さは250pxです。それが見えない理由です:)

于 2012-10-04T11:38:17.730 に答える