css - 我的 css3 多背景图片代码有什么问题？

Question

我尝试在 JSFiddle 上设置一个示例，但由于某种原因它显示错误:http://jsfiddle.net/t3DDW/

无论如何，这是我的 CSS:

body {
    background:
        url("images/bg.gif") repeat 0 0,
        url("images/bg-top.gif") repeat-x 0 0;
    color: #666;
    font: 62.5%/1.5em helvetica, arial, sans-serif;
}

仅显示第一个背景图像。我已经仔细检查了两个图片网址是否正确。第二张背景图片没有显示是有原因的吗？我在 Chrome 和 FF 上都测试了它，但第二张 bg 图片没有显示。

Answer 1

图片看起来如何？堆叠顺序很重要。第一个将放在其他之上，依此类推。

如果第一张图片覆盖了另一张图片，则尝试调换图片的顺序。

来自source :

The first image in the list is the layer closest to the user, the next one is painted behind the first, and so on. The background color, if present, is painted below all of the other layers.

示例来自 Stacking Order of Multiple Backgrounds :

background:
   url(number.png) 600px 10px no-repeat,  /* On top,    like z-index: 4; */
   url(thingy.png) 10px 10px no-repeat,   /*            like z-index: 3; */
   url(Paper-4.png);                      /* On bottom, like z-index: 1; */