6.0w+
社区成员
快疯了，怎样用iframe让弹出对话框不被框架挡住
我页面有上下两个框架，上面的对话框中有一个按钮，点击后会弹出一个日历窗口，（我用的就是梅花雨3.0日历控件），因为上面框架高度不够，弹出的日历窗口下面的部分会被下面的框架挡住。
我在网上找了半天，介绍的两种方法
1 是用window.createPopup 但是日历控件是别人写的，自己没能力该过来
2，是用iframe 但网上说的比较清楚的是怎样让日历控件不被select列表框挡住，没有具体说怎样做才能不被框架挡住
我自己试着用div 和iframe做了半天，但本人水平不够，没做出来，希望知道怎么做的人教我一下。
附一下我的代码：
<html>
<div style=" position:absolute;height:28%;width=100%;z-index:1000";
background-color:#ffffff">
<iframe src="./sp_top.htm" style=" z-index:100 " position:absolute width="100%" height="100%" >
</iframe>
</div>
<iframe style="width:100%; height: 100% ;z-index:-1 " src="./sp_bottom.htm" >
</iframe>
</html>
我还是一个新手，希望大家指点的时候能说详细点，最好能帮我写上几句简单的代码。 跪谢！！！
我在网上找了半天，介绍的两种方法
1 是用window.createPopup 但是日历控件是别人写的，自己没能力该过来
2，是用iframe 但网上说的比较清楚的是怎样让日历控件不被select列表框挡住，没有具体说怎样做才能不被框架挡住
我自己试着用div 和iframe做了半天，但本人水平不够，没做出来，希望知道怎么做的人教我一下。
附一下我的代码：
<html>
<div style=" position:absolute;height:28%;width=100%;z-index:1000";
background-color:#ffffff">
<iframe src="./sp_top.htm" style=" z-index:100 " position:absolute width="100%" height="100%" >
</iframe>
</div>
<iframe style="width:100%; height: 100% ;z-index:-1 " src="./sp_bottom.htm" >
</iframe>
</html>
我还是一个新手，希望大家指点的时候能说详细点，最好能帮我写上几句简单的代码。 跪谢！！！
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
汪云飞记录本 2008-06-01
在 <iframe>标签里加入style="position:relative"
owen1759 2008-06-01
我印象中是不可能的，iframe相当于一个小IE窗口，你见过哪个IE窗口里的日历控件跑到IE窗口外面来了？
被框架的网页一切内容都被禁锢在框架的范围内，这个约束是无法突破的
被框架的网页一切内容都被禁锢在框架的范围内，这个约束是无法突破的
浴火_凤凰 2008-06-01
[Quote=引用 4 楼 wiselyman 的回复:]
在 <iframe>标签里加入style="position:relative"
[/Quote]
可以试一试。
在 <iframe>标签里加入style="position:relative"
[/Quote]
可以试一试。
mataofq 2008-04-15
你可以分开用两个
<div>
<iframe></iframe>
<div>
<div>
<iframe></iframe>
<div>
也许是div和iframe之间的显示机制问题吧
<div>
<iframe></iframe>
<div>
<div>
<iframe></iframe>
<div>
也许是div和iframe之间的显示机制问题吧
lttzdllf 2008-04-04
难道就没人知道吗
模式对话框的相关知识 showModalDialog和showModelessDialog使用心得 Javascript有许多内建的方法来产生对话框，如：window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如： showModalDialog...
js 大量框架 这个jQuery.UI控件类似于Messenger"Outlook消息弹出提醒框。 jQuery.UI Messenger"Outlook like message notification Widget FancyBox 基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影...
收集一些基于jQuery框架开发的控件/jquery插件 用于创建右键弹出菜单的jQuery插件。 主页:http://www.trendskitchens.co.nz/jquery/contextmenu/ 下载:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js 示例:...
jQuery：收集一些基于jQuery框架开发的控件/jquery插件 用于创建右键弹出菜单的jQuery插件。 主页:http://www.trendskitchens.co.nz/jquery/contextmenu/ 下载:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js 示例:...
jQuery：收集一些基于jQuery框架开发的控件/jquery插件2 用于创建右键弹出菜单的jQuery插件。 主页:http://www.trendskitchens.co.nz/jquery/contextmenu/ 下载:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js 示例:...
转：jQuery：收集一些基于jQuery框架开发的控件/jquery插件 用于创建右键弹出菜单的jQuery插件。 主页:http://www.trendskitchens.co.nz/jquery/contextmenu/ 下载:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js 示例:...
嵌入页面的几种方法 应用框架技术 ---- 要在宿主页面中嵌入外部页面的方法是，在宿主页面中包含外部页面的位置插入“”语句即可(注意: 标签中的各种属性含义请查阅相关技术手册)。 ---- 如果想在嵌入的外部页面过长时不出现滚动条...
window.showModalDialog 转自：http://www.sosuo8.com/article/show.asp?id=851 showModalDialog 使用详解 今天在书上看到有showModalDialog这么个东西,看来我真是有点落伍了,在网上找了很久,发现这篇文章不错,原作者是谁也不
网页中嵌入外部页面的四种方法 应用框架技术 ---- 要在宿主页面中嵌入外部页面的方法是，在宿主页面中包含外部页面的位置插入“”语句即可(注意: 标签中的各种属性含义请查阅相关技术手册)。 ---- 如果想在嵌入的外部页面过长时不出现滚动条...
CSS兼容IE6,IE7,FF的技巧 翻阅很多资料，已测试可以使用。 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) PLAIN TEXT CSS: #wrapper { width: 100px!important; ...
CSS与JavaScript技巧 翻阅很多资料，已测试可以使用。 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) PLAIN TEXT CSS: #wrapper { width: 100px!...
css浏览器兼容性的问题 让弹出窗口总是在最上面: ”this.focus();”> 不要滚动条? 让竖条没有: ’overflow:scroll;overflow-y:hidden’> 让横条没有: ’overflow:scroll;overflow-x:hidden’> 两个都去掉？更简单了 ”no”> ...
Css 兼容IE+，FF 翻阅很多资料，已测试可以使用。 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) PLAIN TEXT CSS: #wrapper { width: 100px!important; /* ...
asp.net实用的 在标签中加 如何用JQuery的ajax跳转，可以这样清理 //ajax请求不缓存 $.ajaxSetup({ cache: false }); MaintainScrollPositionOnPostback="true" ...让弹出窗口总是在最上面: 不要滚动条? 让竖
