Использование content с svg

83
12 июля 2021, 22:00

Необходимо отображать svg в блоке с определённым классом. Ранее никогда такого не делал. Спасибо.

Мой неработающий вариант:

.paid:after {
    content: url('money-icon.svg');
}
Answer 1

В общем здесь иконка с моего сервера не отображается но на codepen работает: https://codepen.io/topicstarter/pen/zYORYzb

.icon{ 
	width: 50px; 
	height: 50px; 
	position: relative;  
	border: 1px solid red; 
} 
.icon:after{ 
	content:url(http://maximumlensky.0fees.us/icon.svg); 
}
<div class="icon"></div>

READ ALSO
Как адаптировать блок по высоте?
HTML

Как адаптировать блок по высоте?

Пытаюсь скопировать вёрстку диалогового окна с вот этого чатаСам чат имеет фиксированную высоту

 267
Не хочет работать Slick Slider
HTML

Не хочет работать Slick Slider

Делаю все, как написано в документации, выбивает ошибки :

 139
Верстка не стандартного блока с бордером
HTML

Верстка не стандартного блока с бордером

https://prntsc/p3axx5

 106
Почему кто-то ставит &lt;br&gt;, а кто-то &lt;br /&gt;?
HTML

Почему кто-то ставит <br>, а кто-то <br />?

Заметил, что кто-то использует <br>, а кто-то <br />В чём разница и зачем ставить лишний слэш?

 142