解决下拉菜单被select框的方法

DATE: 2016-11-10 / VIEWS: 627

经常出现下拉菜单或层(DIV)被Select框挡住在后面的情况,下面有两种解决方法:

1.可以在菜单里加一个iframe,把菜单项写到iframe里.因为iframe可以在select上面.
程序代码 程序代码
<IFRAME width="100%" height="100%" style="position:absolute; top:0px; z-index:-1; border-style:none;"></IFRAME>


如果你是在用Dreamweaver生成的下拉菜,请找到并打开mm_menu.js文件,找到第225行,原行内容是:
程序代码 程序代码
content += '   </div>\n  </div>\n</div>\n';

把它替换成:
程序代码 程序代码
content += '   </div>\n  </div>\n<IFRAME width="100%" height="100%" style="position:absolute; top:0px; z-index:-1; border-style:none;"></IFRAME></div>\n';


2.可以在菜单出来时,隐藏select.
程序代码 程序代码
<script type="text/JavaScript">
function onmover(){
var sels = document.getElementsByTagName('select');
for (var i = 0; i < sels.length; i++){
sels[i].style.visibility = 'hidden';
}
}
function onmout(){
var sels = document.getElementsByTagName('select');
for (var i = 0; i < sels.length; i++){
sels[i].style.visibility = 'visible';
}
}
</script>