Вопрос [24/33]

Курсы §30. Рамки и фоны, часть 2
1

Почему при использовании AUTO в background-position всё ломается к чертям и предыдущие слои картинок не восприимчивы к позиционированию? Т.е. если в код

background-image:url(img/eye-patch.svg),url(img/keks-2.jpg);
background-position:35px 35px, center;
background-size:80px,cover;

вставить

background-position:35px 35px, auto;

То накладка для глаза будет игнорировать позиционирование в 35px?

2

Значение auto не предусмотрено синтаксисом.
https://webref.ru/css/background-position

1 лайк
3

Подскажите что не так:
.portrait {
width: 275px;
height: 275px;
margin: 0 auto;
background:
url(“img/eye-patch.svg”),
url(“img/keks-2.jpg”);
background-repeat: no-repeat;
background-size: 80px, 70%;
background-position: 85px 85px, 41px 51px;
background-origin: border-box;
background-clip: content-box;
border: 50px solid;
border-radius: 50%;
border-image-source: url(“img/rope-frame.png”);
border-image-slice: 90 fill;
}

Результат 99%, проблема с картинкой кота. Когда меняю *background-position: 85px 85px, center; а background-size: 80px, cover; все ломается.
image

4

background-size: 80px, cover;
background-position: 35px 35px, center;
background-origin: border-box;

1 лайк