Задать вопрос
kentuck1213
@kentuck1213

Как скомбинировать linear-gradient и background image в моем случаи?

Вот как все в css - e:
background: linear-gradient(to bottom, transparent, transparent, #2a2a2a), url('../images/header-slide2.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

работает как надо но, мне нужно чтобы background-image был в html:
<div class="item-a-slide" style="background-image: url('images/header-slide2.jpg')">
...

Для того чтобы backend - щику ( мне) ) было удобно выводить картинки. Хочу linear-gradient оставить в css файле для autoprefix.
  • Вопрос задан
  • 770 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
1. Оперируйте классами.
2. Используйте дополнительную обертку
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы