1
Je n'arrive pas à comprendre comment chevaucher ma barre de navigation afin qu'elle soit toujours en affichage complet lors du défilement. Le code est donné ci-dessous. S'il vous plaît aidez-moi car je suis perdu pour quelques jours. J'ai corrigé la barre de navagation en utilisant la position: fixed. Je ne sais pas si ma position de l'élément div est fausse ou il y a quelque chose que je devrais savoir plus tôt avant de faire une barre de navigation fixe.comment ne pas laisser d'autres div chevaucher ma barre de navigation
`
body{
background-image:url('https://www.pixelstalk.net/wp-content/uploads/2016/04/Blue-icy-ocean-wallpaper-HD.jpg');
}
*{
padding:0px;
margin:0px;
}
#maindiv{
width:100%;
height:100px;
}
#navdiv ul{
width:100%;
height:80px;
background-color:#000916;
line-height:80px;
position:fixed;
}
#navdiv ul li{
list-style-type:none;
display:inline-block;
float: right;
}
#navdiv ul a{
text-decoration:none;
color:white;
padding:20px;
}
#navdiv ul a:hover{
background:#000948;
transition: all 0.40s;
}
#navdiv h1{
color:white;
float:left;
width:200px;
margin-left:20px;
margin-top:10px;
cursor:pointer;
}
#about{
width:50%;
margin:auto;
background-color:#000916;
border-radius:30px;;
}
#about p{
color:white;
}
#left-text1{
padding-left:10px;
padding-top:10px;
}
.resize{
width:400px;
height:auto;
border-radius:30px;
}<head>
<title>Portfolio</title>
</head>
<body>
<div id="maindiv">
<div id = "navdiv">
<ul>
<h1>Danial</h1>
<li><a href="#" id="linkref">Contact</a></li>
<li><a href="#" id="linkref">Portfolio</a></li>
<li><a href="#" id="linkref">About</a></li>
<li><a href="#" id="linkref">Home</a></li>
</ul>
</div>
</div>
<div id="about">
<div class="row">
<div class="col-md-6">
<p id="left-text1">Welcome to my Site<br>I am a front-end web developer who loves to cooperate and involve in projects to either earned money or earned experience</p>
</div>
<div class="col-md-6">
<img class="resize"src="https://www.123freevectors.com/wp-content/uploads/digi/casual-man-standing-free-vector-17.jpg">
</div>
</div>
</div>
</body>
`
juste ajouter 'z-index: 99999;' 'à #navdiv ul' classe il serait toujours en face – M0ns1f
mec ce légitime vient de résoudre mon problème, merci! –
marquez ma réponse comme soultion alors, merci! – M0ns1f