JavaScript Menü + láthatóság
Sziasztok!
Az a problemam, hogy keszitettem egy javascript menut ami alatt van egy select menu. Amikor lenyitom a JS menut, akkor egy resze nem laccik a select miatt. tudja valaki hogy mi lehet az oka ?
itt egy pelda kod a problemamra:
■ Az a problemam, hogy keszitettem egy javascript menut ami alatt van egy select menu. Amikor lenyitom a JS menut, akkor egy resze nem laccik a select miatt. tudja valaki hogy mi lehet az oka ?
itt egy pelda kod a problemamra:
<script type="text/javascript">
<!--
function lenyit(id) {
var lenyito = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('menu'+i)) {document.getElementById('menu'+i).style.display='none';}
}
if (lenyito) {lenyito.style.display='block'; lenyito.style.position='absolute';}
}
//-->
</script>
<style type=text/css>
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 100px;
height: 19px;
border-bottom: 2px solid white;
position: absolute;
padding-left: 3px;
text-align: center;
font-size: 12px;
}
#menu dl {
float: left;
color: white;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
border: 1px solid white;
margin: 1px;
background-color: white;
color: white;
}
#menu dd {
display: none;
border: 1px solid white;
background-color: gray;
}
</style>
<div id=menu>
<dl>
<dt style="width:100px"; onmouseover="javascript:lenyit('menu1');"> <a href="#">Menu</a></dt>
<dd id="menu1" onmouseout="javascript:lenyit('');" onmouseover="javascript:lenyit('menu1');">
<ul style="width: 100px; border: 1px solid white;">
<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> <a href="#"> 1 </a></li>
<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> <a href="#"> 2 </a></li>
<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> <a href="#"> 3 </a></li>
<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> <a href="#"> 4 </a></li>
<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> <a href="#"> 5 </a></li>
<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> <a href="#"> 6 </a></li>
<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> <a href="#"> 7 </a></li>
<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> <a href="#"> 8 </a></li>
</ul>
</dd>
</dl>
</div>
<br><br>
<select size=5>
<option>dadasa1</option>
<option>dadasa2</option>
<option>dadasa3</option>
<option>dadasa4</option>
<option>dadasa5</option>
<option>dadasa6</option>
<option>dadasa7</option>
<option>dadasa8</option>
<option>dadasa9</option>
<option>dadasa10</option>
</select>
Anonymus = fudom
z-index?
talan...