[Résolu] Infobulle

salut
j'ai positionné mon infobulle en haut de ma page mais elle ne s'affiche pas entièrement
l'infobulle au dessus du slideshow ne s'affiche pas , le slideshow utilise jquery
voici le code de l'infobulle

 a{ color:#ccc; text-shadow:0 -1px 0 black; }
a:hover,a:focus{ background:rgba(0,0,0,.4); box-shadow:0 1px 0 rgba(255,255,255,.4); }
a span{ position:absolute; }
a span{  margin-top:23px; margin-left:-35px; }
a span{  color:#09c; background:rgba(0,0,0,.9); padding:100px; border-radius:86px; box-shadow:0 0 2px rgba(0,0,0,.5); }
a span{  transform:scale(0) rotate(-12deg); }
a:hover span, a:focus span{ transform:scale(1) rotate(0); }
a span{  transition:all .25s; }
a span{  opacity:0; } 
a:hover span, a:focus span{  opacity:1; }

et voici celui du slideshow

#slide {
  margin: 0px auto 0;
  overflow: hidden;
  padding: 0px;
  position: relative;
  z-index: 2;
  
}

.slide {
  float: left;
  position: relative;
}

.slide-area {
  height: 350px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  width: 1100px;
  
}

.slide_image {
  left: 0;
  position: absolute;
  top: 0;
}

.slide_image img {
  float: left;
}

#slider {
  clear: both;
  z-index: 1;
}

merci

Salut,

Si je comprend bien le sens de ta question tu peux jouer avec la propriété z-index :

a span{ position:absolute; z-index: 10; }

Modifié par Gili (18 Jan 2014 - 08:58)

salut
ça a marché
merci beaucoup ça fais plus de 5h que je suis dessus
encore une fois merci

merci
j'ai oublié de mettre le sujet comme resolu