Jeg fandt fejlen. Lag må ikke have den samme z-index i netscape:
<html>
<head>
<title>Dropdown-Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="JavaScript">
<!--
// Antal menuer
numMenus = 6;
// Bestemmelse af browseren
n=document.layers;
ie=document.all;
// Globale cross-browser show/hide variabler
if (n) {
visible='show';
hidden='hide'; }
else if (ie) {
visible='visible';
hidden='hidden';}
// Funktion til at vise den valgte submenu
function showSub(menuid){
hideall(menuid)
if(n) {theSubMenu = document.layers[menuid];}
else if (ie) {theSubMenu = document.all(menuid).style;}
if (theSubMenu.visibility == visible) {theSubMenu.visibility = hidden;}
else {theSubMenu.visibility = visible;}
}
// Funktion til at skjule alle menuer undtagen 'menuid'
function hideall(menuid){
for(i=1;i<=numMenus;i++)
if (menuid != "sub"+i) {
if(n) {tohide = document.layers["sub"+i];}
else if (ie) {tohide = document.all("sub"+i).style;}
tohide.visibility = hidden;
}}
// -->
</script>
<style type="text/css">
body {color:#ffffff;
font-family:verdana,arial,helvetica;
font-size:10px;
background-color:#000000}
A:link {color:#ffffff;
font-family:verdana,arial,helvetica;
font-size:10px;
text-decoration:none}
A:hover {color:#ffffff;
font-family:verdana, arial, helvetica;
font-size:10px;
text-decoration:underline}
A:visited {color:#ffffff;
font-family:verdana,arial,helvetica;
font-size:10px;
text-decoration:none}
.menu {color:#ffffff;
font-family:verdana,arial,helvetica;
font-size:10px;}
.sub {position:absolute;
top: 13px;
width: 100px;
z-index: 2;
layer-background-color: #333333;
background-color: #333333;
border: 5px solid #333333;
visibility: hidden;
color: #ffffff;
font-family: verdana, arial, helvetica;
font-size: 10px;
}
.total {position:absolute;
top: 15px;
left: 0px;
height: 100px;
width: 400px
visibility: visible;
z-index: 1;
}
#menudiv {position:absolute;
top: 0px;
left: 0px;
visibility: visible;
z-index: 3;
}
#sub1 {left: 3px;}
#sub2 {left: 63px;}
#sub3 {left: 123px;}
#sub4 {left: 183px;}
#sub5 {left: 243px;}
#sub6 {left: 303px;}
</style>
<body bgcolor="#000000" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
<div id="total" class="total" onMouseOver="hideall();"></div>
<div id="menudiv">
<!-- menubar -->
<table width="370" border="0" cellspacing="0" cellpadding="0">
<tr valign="top" align="center">
<td width="10" class="menu">[</td>
<td width="50" class="menu"><a href="#" onMouseOver="showSub('sub1');" class="menu">Link 1</a></td>
<td width="10" class="menu">|</td>
<td width="50" class="menu"><a href="#" onMouseOver="showSub('sub2');" class="menu">Link 2</a></td>
<td width="10" class="menu">|</td>
<td width="50" class="menu"><a href="#" onMouseOver="showSub('sub3');" class="menu">Link 3</a></td>
<td width="10" class="menu">|</td>
<td width="50" class="menu"><a href="#" onMouseOver="showSub('sub4');" class="menu">Link 4</a></td>
<td width="10" class="menu">|</td>
<td width="50" class="menu"><a href="#" onMouseOver="showSub('sub5');" class="menu">Link 5</a></td>
<td width="10" class="menu">|</td>
<td width="50" class="menu"><a href="#" onMouseOver="showSub('sub6');" class="menu">Link 6</a></td>
<td width="10" class="menu">]</td>
</tr>
</table>
</div>
<!-- submenu 1 -->
<div id="sub1" class="sub"> <a href="#" onClick="hideall();">Sublink 1</a><br>
<a href="#" onClick="hideall();">Sublink 2</a><br>
<a href="#" onClick="hideall();">Sublink 3</a> </div>
<!-- submenu 2 -->
<div id="sub2" class="sub"> <a href="#" onClick="hideall();">Sublink 1</a><br>
<a href="#" onClick="hideall();">Sublink 2</a><br>
<a href="#" onClick="hideall();">Sublink 3</a> </div>
<!-- submenu 3 -->
<div id="sub3" class="sub"> <a href="#" onClick="hideall();">Sublink 1</a><br>
<a href="#" onClick="hideall();">Sublink 2</a><br>
<a href="#" onClick="hideall();">Sublink 3</a> </div>
<!-- submenu 4 -->
<div id="sub4" class="sub"> <a href="#" onClick="hideall();">Sublink 1</a><br>
<a href="#" onClick="hideall();">Sublink 2</a><br>
<a href="#" onClick="hideall();">Sublink 3</a> </div>
<!-- submenu 5 -->
<div id="sub5" class="sub"> <a href="#" onClick="hideall();">Sublink 1</a><br>
<a href="#" onClick="hideall();">Sublink 2</a><br>
<a href="#" onClick="hideall();">Sublink 3</a> </div>
<!-- submenu 6 -->
<div id="sub6" class="sub"> <a href="#" onClick="hideall();">Sublink 1</a><br>
<a href="#" onClick="hideall();">Sublink 2</a><br>
<a href="#" onClick="hideall();">Sublink 3</a> </div>
<layer onMouseOver="hideall(); return true;" left="0" top="15" width="400" height="100" z-index="0"></layer>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
