css - 多背景图像不适用于位置

Question

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

具有固定背景位置的背景图像不起作用演示

Answer 1

您在背景位置的高度和最后一个数字具有相同的值。换成这个看看。

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

演示

Answer 2

写成——

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

演示

您的代码也可以工作，但您的代码的问题是您将第二张图片的顶部位置设置为 250 像素；你的容器的高度是 250px；这就是为什么它不可见:)