IO1977
Guest
Если сделать скрытый div, а затем его проявить,он отобразится _ПОД_ элементами SELECT
Здравствуйте все!
Есть такой вопрос:
Почему, если сделать скрытый div, а затем его проявить он отобразится _ПОД_ элементами SELECT,
хотя он отображается ПОВЕРХ элементов INPUT и вообще всего остального.
Никакие манипуляции с z-index не помогают
Код приведен ниже:
<SCRIPT>
function showsubmenu(module)
{
eval('document.all.div_'+module+'.style.display="block"');
eval('document.all.div_'+module+'.style.visibility="visible"');
}
</SCRIPT>
<table><tr><td OnMouseOver=showsubmenu(1)>Root</td></tr></table>
<div ison=0 id=div_1 name=div_1 style='visibility:hidden;display:none;position:absolute;z-index:100'><table border=0 cellspacing=1 cellpadding=3 class=table>
<tr class=table_text><td>Item1</td></tr>
<tr class=table_text><td>Item2</td></tr>
<tr class=table_text><td>Item3</td></tr>
</table>
</div>
<form>
<INPUT NAME=a VALUE=b><BR>
<SELECT NAME=aaaa>
<OPTION VALUE=1>1111
<OPTION VALUE=2>2222
</SELECT>
</form>
Здравствуйте все!
Есть такой вопрос:
Почему, если сделать скрытый div, а затем его проявить он отобразится _ПОД_ элементами SELECT,
хотя он отображается ПОВЕРХ элементов INPUT и вообще всего остального.
Никакие манипуляции с z-index не помогают
Код приведен ниже:
<SCRIPT>
function showsubmenu(module)
{
eval('document.all.div_'+module+'.style.display="block"');
eval('document.all.div_'+module+'.style.visibility="visible"');
}
</SCRIPT>
<table><tr><td OnMouseOver=showsubmenu(1)>Root</td></tr></table>
<div ison=0 id=div_1 name=div_1 style='visibility:hidden;display:none;position:absolute;z-index:100'><table border=0 cellspacing=1 cellpadding=3 class=table>
<tr class=table_text><td>Item1</td></tr>
<tr class=table_text><td>Item2</td></tr>
<tr class=table_text><td>Item3</td></tr>
</table>
</div>
<form>
<INPUT NAME=a VALUE=b><BR>
<SELECT NAME=aaaa>
<OPTION VALUE=1>1111
<OPTION VALUE=2>2222
</SELECT>
</form>