@hobart.rath
Для вставки картинки с помощью псевдоэлемента before в CSS, вам нужно выполнить следующие шаги:
1
|
<div class="my-element"></div> |
1 2 3 |
.my-element { position: relative; } |
1 2 3 4 5 6 7 8 |
.my-element:before { content: url('path/to/image.png'); position: absolute; width: 100px; height: 100px; top: 0; left: 0; } |
1 2 3 4 5 6 7 8 9 10 11 |
.my-element:before { content: url('path/to/image.png'); position: absolute; width: 100px; height: 100px; top: 0; left: 0; margin: 10px; border: 1px solid #000; opacity: 0.5; } |
В результате вы получите элемент с картинкой, которая будет отображаться над содержимым элемента, на котором вы определили псевдоэлемент before.