Bonjour à tous,
Voilà je suis confronter à un problème que je n'arrive pas à résoudre.
http://host-img.mistertowma.net/img/24544screen_global.png
(le tooltips s'affiche quand on passe le curseur sur l'icone à gauche de la ref)
J'ai l'impression que le z-index ne se fait pas.
Pour info,
la têtière et le contenu sont deux tableaux différent.
Le tableau des contenus est en overflow-auto (Le contenu est charger en ajax ...)
Mon problème de départ n'était pas celui des niveaux z-index, mais juste que sur IE les tooltips s'affichait n'importe comment. Mais après j'ai le problème du z-index sur tous les navigateurs...
Voici le code
(la css est mise directement dans les balises pour me faciliter l'intégration car je doit compiler mes pages et ça prend du temps.)
Merci de votre aide !
Voilà je suis confronter à un problème que je n'arrive pas à résoudre.
http://host-img.mistertowma.net/img/24544screen_global.png
(le tooltips s'affiche quand on passe le curseur sur l'icone à gauche de la ref)
J'ai l'impression que le z-index ne se fait pas.
Pour info,
la têtière et le contenu sont deux tableaux différent.
Le tableau des contenus est en overflow-auto (Le contenu est charger en ajax ...)
Mon problème de départ n'était pas celui des niveaux z-index, mais juste que sur IE les tooltips s'affichait n'importe comment. Mais après j'ai le problème du z-index sur tous les navigateurs...
Voici le code
(la css est mise directement dans les balises pour me faciliter l'intégration car je doit compiler mes pages et ça prend du temps.)
<div id="ShowTools<%=sku.getProductId()%>" style="position:relative; z-index:999999999999;">
<img class="QuickViewOutils" style="margin-left:3px;" src="images/icons/application_view_list.png"/>
<div id="ContainTools<%=sku.getProductId()%>" class="BtnShowAddToolsHideAll" style="position:absolute; display:none; text-align:left; width:185px; height:59px; background:url(images/FondAddToTools.png); margin-top: -20px; margin-left: 10px; z-index:99999999999;">
<div id="QuickAddToMarker<%=sku.getProductId()%>" style="cursor:pointer; margin-left: 25px; margin-top: 10px;"><img src="images/icons/star.png" style="vertical-align:middle; margin-right:5px;"/> Marquer ce produit</div>
<div id="QuickAddToCompare<%=sku.getProductId()%>" style="cursor:pointer; margin-left: 25px; margin-top: 7px;"><img src="images/icons/chart_bar.png" style="vertical-align:middle; margin-right:5px;"/> Ajouter au comparateur</div>
</div>
</div>
Merci de votre aide !