ugrás a tartalomhoz

IE z-index probléma

czombos · 2008. Okt. 21. (K), 21.07
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?

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;
}
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>
	</div>
</div>
‹ prototype, bind... Appear/Fade az swf kiterjesztésű fájlokkal ›
 ■
1

nekem ez segített

gex · 2008. Okt. 21. (K), 22.19
http://weblabor.hu/blogmarkok/21471 (most látom csak, hogy volt ez már korábban is)
2

Lehet hogy benézem de ez

czombos · 2008. Okt. 21. (K), 23.28
Lehet hogy benézem de ez nekem nem segít, mivel én adatbázisból fogok egymás mellé és alá tenni képeket és ha a kép főlé viszem az egeret akkor jelenne meg egy div ami position:absolute; és.
A példában viszon két elemmel próbálkozik ami működik is mivel az első elemnek nagyobb z-indexet ad. Mondjuk php-val lehetne ciklusban minden egyes elemnek állítani a z-indexét de ez elég macerás lenne, és nem is szép megoldás.
Esetleg más megoldás valakinek?
5

nem kell mindig nagyobb z-index

gex · 2008. Okt. 22. (Sze), 11.20
mivel egyszerre csak egy popup fog látszódni nem kell mindegyiknek a másik fölött lennie. csak a popupnak a többi elem fölött.
3

top, left

demo · 2008. Okt. 22. (Sze), 05.59
tipp: adj a popupnak top és left értéket
4

Így sem adja jól :( viszont

czombos · 2008. Okt. 22. (Sze), 09.52
Így sem adja jól :( viszont találtam egy alternatív megoldást http://host.sonspring.com/hoverbox/