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...