Slider qui se superpose au header

Résolu

Utilisateur anonyme -
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
Your browser sent a request that this server could not understand. size of a request header field exceeds server limit. ✓ - Forum Bureautique
Bad pool header ✓ - Forum Windows
Bad request ... - Forum Réseaux sociaux
Rgb header c'est quoi - Forum Carte-mère/mémoire

1 réponse

Réponse 1 / 1

SioGabx Messages postés 265 Date d'inscription Statut Membre Dernière intervention 100

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

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

Utilisateur anonyme

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

Votre réponse

Discussions similaires