Slider qui se superpose au header

Résolu/Fermé

Utilisateur anonyme - 26 août 2019 à 12:41
Utilisateur anonyme - 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,

A voir également:

Slider header
Wow slider - Télécharger - Présentation
Request header or cookie too large - Forum Réseaux sociaux
Bad lzo decompression header byte 42 - Forum Linux / Unix
Your browser sent a request that this server could not understand. size of a request header field exceeds server limit. ✓ - Forum Bureautique
400 bad request - nginx/0.6.32 ✓ - Forum Réseaux sociaux

1 réponse

Réponse 1 / 1

SioGabx Messages postés 265 Date d'inscription mardi 21 août 2018 Statut Membre Dernière intervention 17 novembre 2022 100
26 août 2019 à 12:58

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.

Utilisateur anonyme
Modifié le 26 août 2019 à 13:01

merci, donc je suis censé coder
<css>.header
{
z-index: 3;
}</css>

Utilisateur anonyme
26 août 2019 à 13:02

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

Discussions similaires

debloquer le code 400 bad request qui s'affiche à google

GPT header corruption has been detected please check sata mode setting

Ecran bleu bad pool header

Problème de 400 Bad Request

400-Bad Request avec Firefox