Элементы формы накладываются на всплывающие меню

[Pavel6]

Элементы формы накладываются на всплывающие меню

При наведении мышкой на ссылку, я сделал чтоб выскакивало меню, но если под этим меню есть элементы форма (select), то эти элементы накладываются на это всплывающие меню.

<style>
.shidden{position:absolute;visibility:hidden;z-index:+5;}
.svisible{position:absolute;visibility:visible;z-index:+5;}
</style>


<script language="JavaScript">
<!--
function menu(id,action){
if(action=='over')document.getElementById(id).className='svisible';
else document.getElementById(id).className='shidden';
}
// -->
</script>

<div id="n3" class="shidden">
<table cellpadding="2" cellspacing="0" border="0" class="menuitems">
<tr><td class="menuitemsborder" noWrap>
<a href="index.php?action=static&id=28">Menu1</a>
</td></tr>
<tr><td class="menuitemsborder" noWrap>
<a href="index.php?action=static&id=29"> Menu2</a>
</td></tr>
</table>
</div>

 

[A-Lex[FM]]

наверняка проблема возникла в ие6 так как в остальных браузерах таких проблем не наблюдается, по крайней мене я не видел.

Решением является подкладивание iframe под всплывающее меню

 

[code01]

Помойму такая проблема существует во всех броузерах, т.к. у SELECT-а самый высокий z-index
Хотя вроде ток в Опере както решили эту проблему

 

[neko]

в нормальном бразуере без разницы какой у него z-index, т.к. эту величину все равно можно изменить.
это я к тому что, это не какая-то глобальная проблема которую "решили в опере", это древний баг ie.

 

[algo]

решение этой проблемы классическое есть. bgiframe.