Как установить прозрачность фоновой картинки в CSS (через background-image)?

И применить: opacity: 0.4;

2 симпатии

Посредствам background-image, я не думаю, что у вас получится.

Есть смысл сделать через псевдоэлемент.

.banner {
    background:  #71ccf9;
    position: relative;
}

.banner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    background-image: url(https.......png);
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-repeat: no-repeat;
    background-position: right 5px;
}

Попробуйте так независимо управлять фоновой картинкой.

4 симпатии