javascript - Transparent GIF in IE6 displays BEHIND content -
i have div this:
<div id="pop" class="pop_komm"> <img src="graphics/list_updated.gif"> </div>
this css:
.pop_komm { position: absolute; z-index: 20; height: 52px; width: 208px; left: 660px; display:none; top: 247px; zoom:1; }
the above divs style.display set "block" using javascript on drop-down lists onchange event.
the "pop" div displayed, , image in it, problem image displayed behind content. happens in ie6 (haven't tested ie7 or 8 yet). other browsers display fine.
the image transparent gif, think might have it. ideas how solve this?
thanks
ie have nasty issues z-index
.
the default value of position
style position:static;
. value not participate in z-index
ordering, meaning elements haven't specified position
style may not layered expect.
the solution add position:relative;
elements mis-behaving - ie elements being layered above image.
hope helps.
Comments
Post a Comment