div devant tout avec z-index

J'ai ce carrousel de produits dans une page im bâtiment.

http://flytango.com.ar/test/home-publico.html

Lors du survol du produit, j'aimerais afficher un div avec du texte.

Im réaliser cela en utilisant...

.item_carrousel_home:hover + .item_carrousel_home_on {
display: block;
}

La div s'affiche (en vert), mais je veux qu'il soit offsetted 40px jusqu'. Donc, lorsque j'essaie "margin-top:-40px; il fait découper par le carrousel de la DIV.

J'ai essayé avec les z-index, mais je ne peux pas apporter la div en face de tout.

<div id="carrousel_home">

  <ul id="mycarousel" class="jcarousel-skin-tango">
<li><a href="#" class="item_carrousel_home"><img src="imagenes/cellactive.jpg"      alt="Cellactive" width="155" height="200" border="0" /><br />Nombre Producto<br />
en dos lineas</a><div class="item_carrousel_home_on">HOLA</div></li>
  </ul>

</div><!--fin del carrousel-->

Et le css

.item_carrousel_home:hover + .item_carrousel_home_on {
display: block;
.item_carrousel_home_on {
width:220px;
height:130px;
background-color:#00FF00;
color:#FFFFFF;
display:none;
position:absolute !important;
z-index:999999 !important;
margin:0px;
margin-left:20px;
margin-top:-40px !important;
}
  • Comme à plusieurs reprises demandé: s'il vous Plaît offrir un jsfiddle version de votre problème. jsfiddle.net vous pouvez coller les fragments de code pertinent à votre problème dans trois domaines: HTML, CSS et JavaScript (ou similaire). Veuillez coller de travail sur le code et ajouter le lien de votre post pour nous de vous aider 🙂
  • Voici le jsfiddle jsfiddle.net/AbWYk je veux que le vert div être en face de everithing, et offsetted vers le haut
  • C'est une question difficile. Si vous supprimez le position: relative de <div class="jcarousel-clip"> et c'est l'enfant <ul>, le hover est positionné sans être découpés. Mais, évidemment, la position relative de la jcarousel éléments sont essentiels à sa fonction.
  • Yeap, c'est quoi me rend fou