мне нужно придать изображению для шапки сайта фоновый цвет с прозрачностью! Почти 2 дня на это потратил, чтобы понять как это сделать максимально читабельно (в плане кода), ну и сегодня у меня получилось...
Вопрос у меня в другом, вот я создал родитель и в качестве ребенка (дочернего элемента) я задал изображение (image), и вот я думал, может я что-то не так сделал в плане кода (чтобы он выглядел читабельно)...!?
Код выглядит вот так:
<div class="header__image">
<img src="путь к файлу с изображением" alt="" class="header__image" />
</div>
а далее, я уже его стилизовал через css, код выглядит так:
.header__image {
width: 100%;
height: 650px;
}
.header__image:after {
width: 100%;
height: 650px;
background-color: #16dfc2;
opacity: 0.7;
content: '';
left: 0;
top: 0;
position: absolute;
}
и у меня вопрос, все ли я правильно прописал/сделал?
Нет. Ты залил огромный кусок кода не на кодепен)
Обсуждают сегодня