您的位置：首页 > 其它

div弹出窗口在frameset外层解决方案

2015-05-05 20:50 246 查看


首页通过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="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="mainindex.html" width=100% height=100% marginwidth=0>

</body>

</html>

 

--mainindex.html--

<frameset rows="30,*" style="z-index:1">

          <frame src="topframe.html" style="z-index:1">

   <frameset cols="30,*" style="z-index:1"> 

        <frame src="menuframe.html" style="z-index:1">

        <frame src="mainframe.html" style="z-index:1">

  </frameset>

      <frame src="footframe.html" style="z-index:1">

</frameset>

 

    js 动作

   <a onclick="top.divframe.document.getElementById('popId').style.display='block'">显示DIv</a>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航