div 的 CSS 背景只会显示颜色，不会显示图像

Question

当我将 CSS background 应用到我的 div 标签时，颜色会起作用，但 background-image 不会显示。

我希望 background-image 在我的 div 底部重复，但即使我只应用 background-image: url('assets/shadow.png'); 没有position，repeat，或者background-color，还是不会显示。仅显示白色。

但是如果我应用 background-color: #ECECFB; background-color 将在背景中正确显示。

为什么 background-image 不起作用？

CSS

#slider-container,#footer-container,#main aside {
    background-color: #ECECFB;
    background-image: url('assets/shadow.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

图像链接正确。图片大小为 15 像素 x 12 像素。

我尝试了速记 CSS 背景，但只显示了颜色。

Answer 1

看看下面我的 fiddle ，注意它工作正常。如果图像未下载(即错误的 URL)，则只会出现背景色。检查 chrome 开发工具上的位置或网络选项卡，查看是否未加载背景图像 (404)。

<div class="foo"></div>
.foo {
 background-color: red;
 background-image: url(http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/blackorchid.png);
 background-repeat: repeat-x;
 background-position: bottom;
 height: 500px;
 width: 500px;   
}​

http://jsfiddle.net/rlemon/XCbK4/