Slider qui se superpose au header [Résolu]

Messages postés
16
Date d'inscription
jeudi 11 octobre 2018
Statut
Membre
Dernière intervention
9 septembre 2019
- - Dernière réponse : lermie12
Messages postés
16
Date d'inscription
jeudi 11 octobre 2018
Statut
Membre
Dernière intervention
9 septembre 2019
- 26 août 2019 à 13:02
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,
Afficher la suite 

1 réponse

Meilleure réponse
Messages postés
248
Date d'inscription
mardi 21 août 2018
Statut
Membre
Dernière intervention
8 septembre 2019
54
1
Merci
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.

Dire « Merci » 1

Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez CommentCaMarche

CCM 63792 internautes nous ont dit merci ce mois-ci

lermie12
Messages postés
16
Date d'inscription
jeudi 11 octobre 2018
Statut
Membre
Dernière intervention
9 septembre 2019
-
merci, donc je suis censé coder
<css>.header
{
z-index: 3;
}</css>
lermie12
Messages postés
16
Date d'inscription
jeudi 11 octobre 2018
Statut
Membre
Dernière intervention
9 septembre 2019
-
Un grand merci ^^ Cela marche parfaitement et je pourrais reglés les niveaux pour plusieurs trucs, merci vraiment,
Bonne journée
Commenter la réponse de SioGabx