Problemer med Z-Index
Jeg arbejder med at popout script. (når muser kører over poppen en menu ud)Mit problem er at alt some ligger på selve sitet bliver påvirket så alt som ligger hvor popouten ligger ikke længere er til at klikke på. (Alle links virker ikke)
Her er scriptet...
<html>
<body topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0>
<table width=100% height=26 border="0" cellspacing="0" cellpadding="0"><tr><td> </td><td width=84> </td><td width=50 valign=top><img src=images/timekillermedia/space.gif height=5><br><a href="http://www.timekiller.com" onMouseOver="show('timekillerpop','visible')"><b>TIMEKILLER</b></a>
<div id="timekillerpop" class="popborder" style="position:relative; width:105px; z-index:2; visibility: hidden; left: -30px; top: 0px; opacity:0.8;filter:alpha(opacity=80);" onMouseOver="show('timekillerpop','visible')" onMouseOut="show('timekillerpop','hidden')">
<table width="100%" border="0" cellspacing="1" cellpadding="3" bgcolor="#ccc"><tr><td align="center"><iframe width=105 height=400 frameborder=0 scrolling=no src="http://www.timekiller.com/timekillermedia.asp"></iframe></td></tr></table></div>
</td><td width=50 valign=top><img src=images/timekillermedia/space.gif height=5><br>
<a href="#" onMouseOver="show('magambapop','visible')"><b>MAGAMBA</b></a>
<div id="magambapop" class="popborder" style="position:relative; width:105px; z-index:3; visibility: hidden; left: -30px; top: 0px; opacity:0.8;filter:alpha(opacity=80);" onMouseOver="show('magambapop','visible')" onMouseOut="show('magambapop','hidden')">
<table width="100%" border="0" cellspacing="1" cellpadding="3" bgcolor="#ccc"><tr>
<td align="center"><iframe width=105 height=400 frameborder=0 scrolling=no src="http://www.magamba.com/timekillermedia.asp"></iframe></td>
</tr></table></div>
</td><td width=200> </td><td> </td></table>
<script type="text/javascript">
function show(object,val) {
document.getElementById(object).style.visibility = val;
}
</script>
<!-- Selve hjemmesiden -->
<div style="z-index:-1;top:0px;position:absolute; width:100%">
<table width=100% height=26 background="images/timekillermedia/back.gif" border="0" cellspacing="0" cellpadding="0"><tr><td> </td><td width=84><img src=images/timekillermedia/logo.gif></td><td width=800 height=26> </td><td> </td></table>
<a href=#>Hjemmesiden</a></div>
</body>
</html>
Problemet kan også ses her på denne test side --> http://www.timekiller.com/popout.asp
