У меня есть картинка которая служит фоном для nav

1624913400062.pngNelit · 28 Июн 2021 в 23:52' data-fancybox="lb-post-779402" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="https://www.blast.hk/attachments/103013/" style="cursor: pointer;" title="1624913400062.png">


Мне надо ИМЕННО для картинки сделать opacity. В голову пришла идея поставить обвёртку на nav.​

LOGO

Главная

Привилегии

Форум

Wiki

Способы оплаты

/* Nav-bar */
nav
{
background-image
:
url(../img/bg-header-summer.png)
;
opacity
:
.90
;
/* background-color: #ffd500; */
padding-top
:
30px
;
padding-bottom
:
20px
;
line-height
:
30px
;
font-family
:
Acrom-Bold
;
}
.layer
{
width
:
100%
;
z-index
:
1
;
height
:
100%
;
}
.nav-bar
{
display
:
flex
;
justify-content
:
space-between
;
margin-left
:
150px
;
margin-right
:
150px
;
}
.nav-links
{
display
:
flex
;
}
.nav-links li
{
margin-right
:
30px
;
}
.nav-links a
{
color
:
white
;
font-size
:
17px
;
}
.logo a
{
color
:
white
;
font-size
:
27pt
;
}

Но теперь opacity затемняет и текст. Помогите​