多个背景图像不起作用

Question

我正在尝试使用分配给 body 标记的两个不同背景图像。一个在左上角，另一个在右下角。我正在使用以下代码，但它只显示一个或另一个，而不是两者。请协助指出我做错了什么（如果有的话）？我已经在最新版本的 FF 和 Chrome 中进行了测试。

background-image: url(images/bg_top.png), url(images/bg_bottom.png) ; 
background-position: top left, bottom right; 
background-repeat: no-repeat; 
background-attachment: scroll; }`

Answer 1

试试fixed第二张图片

body{
    background-image: url(https://material.angular.io/assets/img/examples/shiba1.jpg), url(https://i.stack.imgur.com/8DJJX.png) ; 
    background-position: top left, bottom right; 
    background-repeat: no-repeat,no-repeat; 
    background-attachment: scroll, fixed;
    background-size: 150px,150px;
    }