Несколько фоновых изображений не работают

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