Bonjour j'ai un renseignement je voudrais savoir je voudrais mettre une opacity sur mon image mais ça modifie aussi sur ma nav bar je sais pas comment faire et je débute en html css merci pour votre aide voici le code et le rendu
et le css
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Maquette</title>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="background-opacity">
<div class="nav">
<li><a href="#">A Propos</a>
<li><a href="#">A Propos</a>
<li><a href="#">A Propos</a>
</div>
<div>
</div>
</body>
</html>et le css
body{
margin:0;
padding:0;
font-family: 'Open Sans', sans-serif;
background-image: url("../Images/vaisseau.png");
background-size: cover;
}
.nav{
color: rgb(228, 228, 228);
list-style: none;
text-align: center;
padding: 20px 0 20px 0;
}
.nav li{
display: inline-block;
padding: 0 25px 0 25px;
}
.nav li a{
text-decoration: none;
color: rgb(228, 228, 228);
}
.nav li a:hover{
color: #c1c1c1;
}
.nav{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.background-opacity{
opacity: 0.1;
}