下拉菜单被iframe页面挡住问题怎么解决？

Question

google一下
或者在CSDN搜索一下太多了…………

Answer 1

用 iframe 做你的层载体就可以跨 iframe 显示了. 当然你还可以使用 window.createPopup()

Answer 2

"用iframe 做你的层载体"
这个是什么意思，有没有例子呢？
谢谢各位的解答！

Answer 3

sorry，梅花雪，去你的网站上没看出什么来。我想可能是我没说明白，现在情况是菜单在正常情况下是能显示，不会被IframeA挡住，
但如果IfrmaeA里面是XSL生成的页面，才会把菜单挡住。XML树如果预先全部放入js中是没有问题，
但我们现在BI都是用XSL来显示的。
上面有人说的这个问题说的太多了，问之前我在网上已经查过很久，都是简单的解决<select>或一些iframe情况，和我问的并不同。

Answer 4

现在问题就是菜单层没有高于Iframe层。
梅花雪能给讲解一下怎样置层级别么？？
如果用position:absolute;z-index:2;
页面就会错乱，只用z-index确没有效果。

Answer 5

菜单放在iframe里就不会挡住呀，
参看http://www.lebo.cn的头上的导航菜单

Answer 6

楼上jycjyc说的就是将菜单放在iframe里了，up

Answer 7

菜单放入iframe里会有另一个问题的
http://community.csdn.net/Expert/topic/3819/3819352.xml?temp=.9979669

Answer 8

meizz.com收藏了不过发现有脚本错误
行:1
字符:1
代码:0
错误:'null' 为空或不是对象
网址:http://www.meizz.com/Web/Web.asp

Answer 9

还没解决。
meizz你的那个搞了4个js，看的我头都大了！
我的菜单是从数据库取出来的，返回mMenu[[....],[.....]]
这种格式，能不能就给讲一下用层怎么解决了啊？？

Answer 10

参考www.lebo.cn菜单呀，就是用层的，里面包含iframe即可

Answer 11

www.lebo.cn我早看过了，参考性不大。
现在菜单都是直接从数据库调出来的，有几个还写死在页面上的啊！

Answer 12

IE6以上就没有问题了。可参考www.bluec.com.cn，
安全性评价 用户名999,口令9

Answer 13

到www.51js.com 搜 宝玉 菜单

Answer 14

模拟一个下拉菜单：
<style type="text/css">
td,div {font-size: 12px}
.mOver {
background:#000066;
color:#ffffff;
}
.mOut {
background:#ffffff;
color:#000000;
}
INPUT{
BORDER-TOP-WIDTH: 1px;
PADDING-RIGHT: 1px;
PADDING-LEFT: 1px;
BORDER-LEFT-WIDTH: 1px;
FONT-SIZE: 12px;
BORDER-LEFT-COLOR: #cccccc;
BORDER-BOTTOM-WIDTH: 1px;
BORDER-BOTTOM-COLOR: #cccccc;
PADDING-BOTTOM: 1px;
BORDER-TOP-COLOR: #cccccc;
PADDING-TOP: 1px;
HEIGHT: 18px;
BORDER-RIGHT-WIDTH: 1px;
BORDER-RIGHT-COLOR: #cccccc;
}
</style>
<script>
//多行下拉列表框(支持列表项目多行显示)
//wyc版权所有 转载请保留此信息
//manyou（他山之石）敬上
wycSel          = new Object();
wycSel.selValue = 'selValue'; //默认值框的名称
wycSel.selText  = 'selText'; //显示的值wycSel.mOver = function(obj) { //鼠标移入
obj.className = "mOver";
}
wycSel.mOut = function(obj) { //鼠标移出
obj.className = "mOut";
}
wycSel.selShow = function() { //显示下拉列表项目
if (document.all.selShow.style.display == "none") {
document.all.selShow.style.top     = eval("document.all." + wycSel.selText + ".offsetTop + document.all." + wycSel.selText + ".offsetHeight;");
document.all.selShow.style.left    = eval("document.all." + wycSel.selText + ".offsetLeft;");
document.all.selShow.style.display = "";
} else {
document.all.selShow.style.display = "none";
}
}
wycSel.selObj = function(obj) { //选定项目
eval("document.all." + wycSel.selValue + ".value=obj.value;");
eval("document.all." + wycSel.selText + ".value=obj.innerText;");
document.all.selShow.style.display = "none";
}
</script>
<input type='hidden' name=selValue value=''>
<input type='text' name=selText size=12><input type='button' value='▼' onclick="wycSel.selShow()" style='font-size:12px;'>
<div id="selShow" style="OVERFLOW:auto;width:150px;height:200px;display:none; z-index:1; left: 20px; top: 60px; border: 1px solid #000000;" aonmouseout="this.style.display = 'none'">
<div align="center">
<TABLE border="0" width=100% align=left cellpadding="0" cellspacing="0" style='cursor:hand;'>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='1'>111111111111<br>111111111</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='2'>共同研制开发第二代产品共同研制开发第二代产品</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='3'>结论：此项目不符合国家有关规定</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='4'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='5'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='6'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='6'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='6'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='6'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='6'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='6'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='6'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='6'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='6'>222222222222222222222</TD>
</TR>
<TR>
<TD onclick='wycSel.selObj(this)' onmouseover='wycSel.mOver(this)' onmouseout='wycSel.mOut(this)' value='6'>222222222222222222222</TD>
</TR>
</TABLE>
</div>
</div>