菜单被挡住了！

ddbean 2004-10-08 09:51:20
在页面中定义了上下两个框架,在上层的框架中,有一个菜单条.
现在的问题是,菜单条过长,弹出时被下面的框架挡住了,请问在不改变框架位置的前提下，有什么办法可以让菜单完整显示而不被挡住？
...全文
193 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
acco 2004-11-16
  • 打赏
  • 举报
 回复
<HTML>
<HEAD>
<STYLE>
.rr { BACKGROUND-COLOR: #115781 }
.gg { BACKGROUND-COLOR: #4e87a9 }
</STYLE>
<STYLE>.p3 { FONT-SIZE: 14px }
A { BACKGROUND-COLOR: linen }
TD { FONT-SIZE: 12px }
</STYLE>
<SCRIPT language="JavaScript">
<!--
<!--
var oPopup = window.createPopup();
function richContext(i,j)
{
var lefter2 = event.offsetY+0;
var topper2 = event.offsetX-150;
oPopup.document.body.innerHTML =i.innerHTML;
oPopup.show(-10, 22, 80, 84, j);
}
//-->
</SCRIPT>
</HEAD>
<body bgColor="#ffffff" ms_positioning="GridLayout">
<FORM id="Form2">
<TABLE id="AutoNumber1" style="Z-INDEX: 103; LEFT: 327px; POSITION: absolute; TOP: 64px; BORDER-COLLAPSE: collapse"
borderColor="#111111" height="32" cellSpacing="1" cellPadding="0" width="297" border="0">
<TR>
<TD class="cn_menu1" align="left" width="616" height="24">
<TABLE id="Table3" cellSpacing="1" cellPadding="3" width="100%" bgColor="#ffffff" border="0"> <!--这段比较关键--></TABLE>
<A id="yyyy" class="cn_menu1" onmouseover="richContext(oContext2,yyyy)">|成绩管理</A>
|<A id="yy" class="cn_menu1" onmouseover="richContext(oContext3,yy)"> 数据管理</A> |<A id="yyy" class="cn_menu1" onmouseover="richContext(oContext2,yyy)">
用户管理 </A>|
</TD>
</TR>
</TABLE>
<IMG id="Img1" style="Z-INDEX: 102; LEFT: 134px; WIDTH: 527px; POSITION: absolute; TOP: 60px; HEIGHT: 33px"
height="33" hspace="0" src="1.gif" width="527" align="left" vspace="0"
border="0" runat="server">  </TR></TBODY></TABLE></A></FORM>
<DIV id="oContext2" style="DISPLAY: none">
<DIV id="mm" onmouseover="mm.style.display='block'" onmouseout="mm.style.display='none'"
style="BORDER-RIGHT: black 2px solid; BORDER-TOP: #cccccc 2px solid; BACKGROUND: #666666; LEFT: 0px; BORDER-LEFT: #cccccc 2px solid; WIDTH: 75px; BORDER-BOTTOM: black 2px solid; POSITION: relative; TOP: 0px; HEIGHT: 110px">
<DIV onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #99ccff; LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; POSITION: relative; TOP: 0px; HEIGHT: 20px"
onclick="top.mainFrame.location.href='http://www.microsoft.com';" onmouseout="this.style.background='#99CCFF'">添加年级</DIV>
<DIV onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #99ccff; LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; POSITION: relative; TOP: 0px; HEIGHT: 20px"
onclick="top.mainFrame.location.href='http://search.microsoft.com';" onmouseout="this.style.background='#99CCFF'">添加年级</DIV>
<DIV onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #99ccff; LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; POSITION: relative; TOP: 0px; HEIGHT: 20px"
onclick="top.mainFrame.location.href='http://www.microsoft.com/ie';" onmouseout="this.style.background='#99CCFF'">添加年级</DIV>
<DIV onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #99ccff; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; HEIGHT: 20px"
onclick="top.mainFrame.location.href='http://www.microsoft.com/info/cpyright.htm';"
onmouseout="this.style.background='#99CCFF'">?2001</DIV>
</DIV>
</DIV>
<DIV id="oContext3" style="DISPLAY: none">
<DIV id="mmm" onmouseover="mmm.style.display='block'" onmouseout="mmm.style.display='none'"
style="BORDER-RIGHT: black 2px solid; BORDER-TOP: #cccccc 2px solid; BACKGROUND: #666666; LEFT: 0px; BORDER-LEFT: #cccccc 2px solid; WIDTH: 75px; BORDER-BOTTOM: black 2px solid; POSITION: relative; TOP: 0px; HEIGHT: 110px">
<DIV onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #99ccff; LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; POSITION: relative; TOP: 0px; HEIGHT: 20px"
onclick="top.mainFrame.location.href='http://www.microsoft.com';" onmouseout="this.style.background='#99CCFF'">2001</DIV>
<DIV onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #99ccff; LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; POSITION: relative; TOP: 0px; HEIGHT: 20px"
onclick="top.mainFrame.location.href='http://search.microsoft.com';" onmouseout="this.style.background='#99CCFF'">2002</DIV>
<DIV onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #99ccff; LEFT: 0px; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; POSITION: relative; TOP: 0px; HEIGHT: 20px"
onclick="top.mainFrame.location.href='http://www.microsoft.com/ie';" onmouseout="this.style.background='#99CCFF'">2003</DIV>
<DIV onmouseover="this.style.background='#ffffff'" style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND: #99ccff; PADDING-BOTTOM: 2px; BORDER-LEFT: white 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: verdana; HEIGHT: 20px"
onclick="top.mainFrame.location.href='http://www.microsoft.com/info/cpyright.htm';"
onmouseout="this.style.background='#99CCFF'">2004</DIV>
</DIV>
</DIV>
</body>
</HTML>
DARKNESSFALL 2004-11-16
  • 打赏
  • 举报
 回复
不要用层
用window.createPopup()
「已注销」 2004-10-09
  • 打赏
  • 举报
 回复

好像不行
hj3793 2004-10-09
  • 打赏
  • 举报
 回复
up
yb2008 2004-10-09
  • 打赏
  • 举报
 回复
确实不行!
csdntzg 2004-10-08
  • 打赏
  • 举报
 回复
还是改用iframe吧
ddbean 2004-10-08
  • 打赏
  • 举报
 回复
to： meizz(梅花雪 1+1=3)
－－－－－－－－－－－－－－－
不是做popup菜单
cybernaute 2004-10-08
  • 打赏
  • 举报
 回复
学习ing
meizz 2004-10-08
  • 打赏
  • 举报
 回复
用 window.createPopup() 做
下拉菜单被flash挡住的解决方法
最好的真正解决下拉菜单被flash挡住的解决方法_界面设计_前端技术.
下拉菜单被flash给挡住了，解决方法！！
下拉菜单被flash给挡住了，解决方法！压缩文件里就是方法，马上下载吧..
能挡住下拉表单的CSS+JS下拉菜单
很漂亮的能挡住下拉表单的CSS+JS下拉菜单.
解决下拉菜单被iframe遮住问题
解决下拉菜单被iframe遮住问题吗，
superfish_1.4.8_能挡住下拉表单的CSS+JS下拉菜单.rar
superfish_1.4.8_能挡住下拉表单的CSS+JS下拉菜单.rar
CSS

61,115

社区成员

60,728

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章