日期:2014-05-17  浏览次数:21050 次

html中select层次z-index设置问题_导航条挡住了select_急救!
html中select层次z-index设置问题_导航条挡住了select_急救!(?)

具体请看图片上的说明.

期待中,谢谢!

<img   src= "http://page.hxsd.com.cn/images/upload/2007/01/26/34449019.jpg "   >

我作了一个图片说明,可以在我在其他论坛发的帖子看到:
http://bbs.hxsd.com.cn/post/view?bid=25&id=9114264&sty=1&tpg=1&age=0

------解决方案--------------------
<script>
//Hide element
function HideElement(strElementTagName){
try{
for(i=0;i <window.document.all.tags(strElementTagName).length; i++){
var objTemp = window.document.all.tags(strElementTagName)[i];
objTemp.style.visibility = "hidden ";
}
}catch(e){
alert(e.message);
}
}

//Show element
function ShowElement(strElementTagName){
try{
for(i=0;i <window.document.all.tags(strElementTagName).length; i++){
var objTemp = window.document.all.tags(strElementTagName)[i];
objTemp.style.visibility = "visible ";
}
}catch(e){
alert(e.message);
}
}
function hideElementAll()
{
HideElement( "SELECT ");
HideElement( "OBJECT ");
HideElement( "IFRAME ");
}

function showElementAll()
{
ShowElement( "SELECT ");
ShowElement( "OBJECT ");
ShowElement( "IFRAME ");
}
</script>
把以上脚本放到你的页面里
当你弹出下拉菜单的时候,调用hideElementAll(); 收缩时调用 showElementAll();