浏览 2349 次
锁定老帖子 主题:用iframe解决Applet遮挡菜单
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2010-03-03
Applet在网页中默认为最上层显示,用iframe可以解决此问题。
下面是解决applet遮挡下拉菜单的实例:
只需在需要的菜单上面添加一个空的iframe,注意高度设定为menu显示时的实际高度 <ul class="menu" id="menu">
<li id="m_1" class='m_li'><a href="${pageContext.request.contextPath}/" class="dh"><fmt:message key="webshop.menu.home"/></a></li>
<!-- <li class="m_line"><img src="${pageContext.request.contextPath}/images/dh-line.jpg" border="0"/></li> -->
<li id="m_2" class='m_li'><a href="#" class="dh"><fmt:message key="webshop.menu.about"/></a>
<ul>
<li><a href="${pageContext.request.contextPath}/artifact/detail.do?menuId=2"><fmt:message key="webshop.menu.about.information"/></a></li>
<li><a href="${pageContext.request.contextPath}/artifact/detail.do?menuId=3"><fmt:message key="webshop.menu.about.accolades"/></a></li>
<li><a href="${pageContext.request.contextPath}/artifact/detail.do?menuId=4"><fmt:message key="webshop.menu.about.history"/></a></li>
<li><a href="${pageContext.request.contextPath}/artifact/detail.do?menuId=5"><fmt:message key="webshop.menu.about.culture"/></a></li>
<li><a href="${pageContext.request.contextPath}/artifact/detail.do?menuId=6"><fmt:message key="webshop.menu.about.structure"/></a></li>
</ul>
</li>
<!-- <li class="m_line"><img src="${pageContext.request.contextPath}/images/dh-line.jpg" border="0"/></li> -->
<li id="m_3" class='m_li'><a href="#" class="dh"><fmt:message key="webshop.menu.rd"/></a>
<ul>
<iframe class="menu_iframe" height="81px" frameborder="0"></iframe>
<li><a href="${pageContext.request.contextPath}/artifact/detail.do?menuId=8"><fmt:message key="webshop.menu.rd.research"/></a></li>
<li><a href="${pageContext.request.contextPath}/artifact/detail.do?menuId=9"><fmt:message key="webshop.menu.rd.development"/></a></li>
<li><a href="${pageContext.request.contextPath}/artifact/detail.do?menuId=10"><fmt:message key="webshop.menu.rd.quanlity"/></a></li>
</ul>
</li>
</ul>
(width为实际菜单菜单宽度) .menu_iframe{position:absolute; visibility:inherit;top:0px;left:0px; width:125px; z-index:-1; filter: Alpha(Opacity=0);}
CSS的用途: visiblility : inherit --继承父对象的可见性 position:absolute; --要激活对象的绝对(absolute)定位,必须指定 left , right , top , bottom 属性中的至少一个. filter: Alpha(Opacity=0)--背景设定为透明.
搞了大半天才发现如此简单,晕...
友情提示:感谢X...哥的指点. Eric:你可以转载了! 哈。。。:-) 果真瘦瘦啊! 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |