首页 > 代码库 > div弹出窗口在frameset外层解决方案
div弹出窗口在frameset外层解决方案
div弹出窗口在frameset外层解决方案
首页通过framset经行网页布局，现在有个临时的消息窗口，ajax返回会弹出来。但是这个就有问题了。div作为网页元素，是依赖与frame的。怎么让其在整个视图窗口的最上层呢？ frmae 连接网页，会对超过的部分进行遮挡。这里提供了一种解决方案.先记录下来。
<html> < head> < title>index.jsp</title> < /head> < frameset rows="*" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0"> <frame name="divframe" src="http://www.mamicode.com/call.html" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" noresize scrolling="no"> < /frameset> < noframes> < body> sorry your browser doesn‘t accept frames < /body> < /noframes> < /html>
首页div需要覆盖的frame 放到引入的页面里，用iframe调用。
---call.html---
<html> < body> <div id=‘popId‘ class=‘‘ style="position:absolute;float:left;top=5;left=25;display=‘none‘;z-index:2;"> 弹出div</div> <iframe src="http://www.mamicode.com/mainindex.html" width=100% height=100% marginwidth=0> < /body> < /html>
--mainindex.html--
<frameset rows="30,*" style="z-index:1"> <frame src="http://www.mamicode.com/topframe.html" style="z-index:1"> <frameset cols="30,*" style="z-index:1">
<frame src="http://www.mamicode.com/menuframe.html" style="z-index:1"> <frame src="http://www.mamicode.com/mainframe.html" style="z-index:1">
</frameset> <frame src="http://www.mamicode.com/footframe.html" style="z-index:1"> < /frameset>
js 动作
<a onclick="top.divframe.document.getElementById(‘popId‘).style.display=‘block‘">显示DIv</a>
--the end！