Archívum - Okt 21, 2008
IE z-index probléma
A problémám az hogy hiába állítom a z-indexet nagyobbra az ie ügyet sem vet rá.
Egy script teszi láthatóvá a <div class="popup"> tartalmát ami a position: absolute; és a z-index:1000; így ff-ben tökéletes. IE-ben miért nem, van rá valakinek ötlete?
CSSHtml
[colorer=html]
<div class="bubbleInfo">
<img class="trigger" src="kepek/kiskepek/01.jpg" />
<div class="popup">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus augue pede, tristique congue, bibendum nec, lobortis a, pede. In ligula. In iaculis. Aenean imperdiet mattis risus. Maecenas interdum. Curabitur molestie. Nullam risus nulla, congue vel, semper vulputate, cursus a, ligula. Vivamus in nibh. Nullam ut libero vitae erat porttitor posuere. In risus augue, elementum a, tristique nec, mollis sed, eros. Sed ante metus, mattis a, posuere quis, malesuada eu, velit. Vestibulum scelerisque condimentum justo.</p>
</div>
</div>
<div class="bubbleInfo">
<img class="trigger" src="kepek/kiskepek/01.jpg" />
<div class="popup">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus augue pede, tristique congue, bibendum nec, lobortis a, pede. In ligula. In iaculis. Aenean imperdiet mattis risus. Maecenas interdum. Curabitur molestie. Nullam risus nulla, congue vel, semper vulputate, cursus a, ligula. Vivamus in nibh. Nullam ut libero vitae erat porttitor posuere. In risus augue, elementum a, tristique nec, mollis sed, eros. Sed ante metus, mattis a, posuere quis, malesuada eu, velit. Vestibulum scelerisque condimentum justo.</p>
Egy script teszi láthatóvá a <div class="popup"> tartalmát ami a position: absolute; és a z-index:1000; így ff-ben tökéletes. IE-ben miért nem, van rá valakinek ötlete?
CSS
.bubbleInfo {
position: relative;
float:left;
border:1px solid #000;
margin:1px;
}
.trigger {
position:relative;
z-index:21;
}
.popup {
position: absolute;
display: none; /* keeps the popup hidden if no JS available */
width:224px;
color:#000;
z-index:1000;
background:url(../images/popup.gif);
padding:0 10px 2px 10px;
height:390px;
}
[colorer=html]
<div class="bubbleInfo">
<img class="trigger" src="kepek/kiskepek/01.jpg" />
<div class="popup">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus augue pede, tristique congue, bibendum nec, lobortis a, pede. In ligula. In iaculis. Aenean imperdiet mattis risus. Maecenas interdum. Curabitur molestie. Nullam risus nulla, congue vel, semper vulputate, cursus a, ligula. Vivamus in nibh. Nullam ut libero vitae erat porttitor posuere. In risus augue, elementum a, tristique nec, mollis sed, eros. Sed ante metus, mattis a, posuere quis, malesuada eu, velit. Vestibulum scelerisque condimentum justo.</p>
</div>
</div>
<div class="bubbleInfo">
<img class="trigger" src="kepek/kiskepek/01.jpg" />
<div class="popup">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus augue pede, tristique congue, bibendum nec, lobortis a, pede. In ligula. In iaculis. Aenean imperdiet mattis risus. Maecenas interdum. Curabitur molestie. Nullam risus nulla, congue vel, semper vulputate, cursus a, ligula. Vivamus in nibh. Nullam ut libero vitae erat porttitor posuere. In risus augue, elementum a, tristique nec, mollis sed, eros. Sed ante metus, mattis a, posuere quis, malesuada eu, velit. Vestibulum scelerisque condimentum justo.</p>
Announcing BeautyTips, a jQuery Tooltip Plugin
jQuery popup tooltip plugin a Lullabottól
■