Помогите задать Background через attr() если это возможно
Допустим мне надо задать background через attr() подскажите пожалуйста как это сделать.
Я сделал такой код, но он не работает :
.cart {
position: relative;
height: 100px;
border: 2px dashed grey;
background: attr(data-url-bg);
}
.cart2 {
position: relative;
height: 100px;
border: 2px dashed grey;
background: url(attr(data-url-bg));
}
img {
position: relative;
height: 100px;
width: 100px;
border: 2px dashed grey;
background: url("https://i.artfile.ru/2560x1706_1283206_[www.ArtFile.ru].jpg");
background-size:100% 100%;
}<div class="cart" data-url-bg="url('https://i.artfile.ru/2560x1706_1283206_[www.ArtFile.ru].jpg')">
</div>
<div class="cart2" data-url-bg="https://i.artfile.ru/2560x1706_1283206_[www.ArtFile.ru].jpg">
</div>
<img>Вот представлены 2 моих попытки и доказательство что ссылка не битая в виде <img>