Как изменить прозрачность background-image?

Question

[Владимир Голубь]

В блоке фон задан

background: url("../img/bg_slider_one.png") no-repeat 100% center;

В пк версии он обычный, в мобильной версии картинка более прозрачная.
Если задаю opacity, то и меняется прозрачность содержимого. Как поменять только прозрачность картинки ?
Или только подключать вторую картинку ?

Comments

[Ankhena]

Картинка отдельно, текст отдельно. Наложить друг на друга.

Answer 1

[Максим]

наложить абсолютом картинку

Answer 2

[Никита Кит]

просто сделай блок relative, объяви внутри :before, дай ему absolute и растяни на 100%. Положи туда back и дай :before opacity какой хош. И z-index -1 поставь, чтоб контент не перекрывался
Картинку накладывать абсолютом не стоит. У img нет background-size: cover. А реализовать это свойство в картинке непросто - object-fit вечно тупит. У меня как-то на днях такая задача стояла - чтоб именно img на фоне был. Чтоб сохранить оригинальные пропорции после растягивания пришлось скрипт писать