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第二张图片

＆＃13;

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

＆＃13;

多个背景图像不起作用

1 个答案: