Avatar billede galthen Nybegynder
16. februar 2009 - 11:56

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
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester