为什么我的“多背景”功能实现css3不起作用？

Question

我看到这篇文章：http://www.css3.info/preview/multiple-backgrounds/我尝试将噪点图像添加到背景图像中，以便噪声与背景重叠。 这是我的css代码：

body {
    background: url(../img/bg.jpg) no-repeat center center fixed, url(../img/bgnoise_lg_dark.png) repeat scroll;
    background-size: cover;
}

但实际上只显示背景图像而没有噪点。 我的错是什么？

Answer 1

我相信你需要交换图像顺序。最顶层是第一层，最底层是最后一层。我猜你的背景图层会覆盖你的噪音层。

body {
    background: url(../img/bgnoise_lg_dark.png) repeat scroll, url(../img/bg.jpg) no-repeat center center fixed;
    background-size: cover;
}