Можно ли сделать картинку background'a более прозрачной?

Question

[L_B_A]

Подскажите пожалуйста, можно ли сделать картинку background'a более прозрачной? Нашел свойство "opacity", но оно делает прозрачным весь блок, а надо конкретно картинку графика на заднем фоне.

Comments

[Леонид Князев]

Как вариант, можно вынести бэкграунд в псевдоэлемент :before и уже ему задать прозрачность через opacity.

[L_B_A]

Леонид Князев, к сожалению, не работает, спасибо за совет

[Леонид Князев]

L_B_A, Как не работает?

[L_B_A]

Леонид Князев, спасибо! Не знал просто как правильно применить, впервые столкнулся с псевдоклассом

Answer 1

[Алексей]

Делайте через псевдоэлемент, вариант с фотошопом костыль.

.position-container {
   position: relative;
}
.position-container:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://hsto.org/webt/5b/ac/ff/5bacff616663f822951184.jpeg); 
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
}

Вот так можно спрашивать у Яндекс, Гугл наверное тоже ответит.

Comments

[L_B_A]

Спасибо большое! Пытался что-то подобное, но не вышло