css несколько фоновых позиций

Question

У меня есть этот код:

html > body {
        background:url("https://www.carmignanospy.com/bgg.png"),url("https://www.carmignanospy.com/bgg.png"),url("https://i.pinimg.com/originals/af/b6/d9/afb6d99af51006ae46e855d6b9796c51.jpg");
  background-position: 30px, right, left top;
  background-repeat: no-repeat,no-repeat, repeat;
    background-attachment:fixed;
}

Мне нужно установить второе изображение справа, но с полем 30px. Как я могу это сделать?

Answer 1

До right указан c ваш <percentage> || <Length>, но вы должны объявить вторую позицию.

Например:

  background-position: 30px, right 3em center, left top;