Slider qui se superpose au header [Résolu]

Signaler
Messages postés
22
Date d'inscription
jeudi 11 octobre 2018
Statut
Membre
Dernière intervention
18 mars 2020
-
Messages postés
22
Date d'inscription
jeudi 11 octobre 2018
Statut
Membre
Dernière intervention
18 mars 2020
-
Bonjour, après avoir mis mon slider, il se placer au dessus de mon header (qui est en <css>position: fixed;</css>)
voici le code de mon slider, et le code CSS de mon header
slider
<html><style>
.slider {
width: 500px;
overflow: hidden;
/* margin: 200px ;*/
position: relative; top: 300px;
position: relative; left: 85px;
}
.slide {
float: left;
}
.slides {
width: calc(500px * 3);
animation: glisse 30s infinite
}

@keyframes glisse {
0% {
transform: translateX(0);
}

33% {
transform: translateX(-500px);
}

66% {
transform: translateX(-1000px);
}
100% {
transform: translateX(0);
}
}

</style>
<body>
<div class="slider">
<div class="slides">
<a href="photos.html" ><div class="slide"><img src="yes/5.jpg" alt="" /></div></a>
<a href="photos.html" ><div class="slide"><img src="yes/2.jpg" alt="" /></div></a>
<a href="photos.html" ><div class="slide"><img src="yes/4.jpg" alt="" /></div></a>
</div>
</div>></html>

et voici le code de mon header:

<css>header /*bandeau haut*/
{
position: fixed;
left: 0;
top: 0;
width:100%;
height: 111px;
background-color: rgb(47, 164, 231);
}</css>

Les deux fonctionne très bien et le header se positionne au dessus de tout sauf le slider,

1 réponse

Messages postés
245
Date d'inscription
mardi 21 août 2018
Statut
Membre
Dernière intervention
16 avril 2020
71
Salut, beaucoup de bricolage, je peux pas tester ton code mais pour faire passer un élément au dessus d'un autre, la propriété css z-index existe.
Messages postés
22
Date d'inscription
jeudi 11 octobre 2018
Statut
Membre
Dernière intervention
18 mars 2020

merci, donc je suis censé coder
<css>.header
{
z-index: 3;
}</css>
Messages postés
22
Date d'inscription
jeudi 11 octobre 2018
Statut
Membre
Dernière intervention
18 mars 2020

Un grand merci ^^ Cela marche parfaitement et je pourrais reglés les niveaux pour plusieurs trucs, merci vraiment,
Bonne journée