Добрый день уважаемые. Подскажите пожалуйста как перенести написание SVG фаила из html в background css ?
.heart{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: $heartSide;
width: $heartSide;
display: block;
background: url('data:image/svg+xml;utf8,') 0 0 no-repeat;
z-index: 1;
}
Не могу понять где я допускаю ошибку. Если разкомитить в html всё отображается как надо, а вот в css нет
Ответ
Убрать переносы внутри свг.
fill перенести внутрь атрибута style
enable-background убрать вовсе.
.heart {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100px;
width: 100px;
display: block;
background-image: url('data:image/svg+xml;utf8,');
z-index: 1;
}
Комментариев нет:
Отправить комментарий