关于弹出窗口的问题 我要做一个弹出窗口,类似csdn的系统消息,遇见几个问题:1.现在是用div做,效果很好,但是会被select,ocx控件遮挡,解决不了。2.如果用popup做的话,当我点击页面中的其他地方时,窗口会自动关闭。有哪位高手给指点一下迷津。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 被Object挡住是没法解决的了(IE下可以挡住 FF下没办法)被select挡住到可以用iframe挡住 就是在div的开始位置加一个与div一样大小的iframe iframe的样式position:absolute;z-index:-1; 用window.open 转自jk<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title> JK:支持民族工业,尽量少买X货 </title></head><body><div style="z-index:10;position:absolute;width:100;height:18;overflow:hidden;" onmouseover="this.style.height=100;" onmouseout="this.style.height=18;"><iframe style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;" frameborder="0" src="about:blank"> </iframe><div style="background-color:#cccccc;"> aaaaaaa <br> bbbbbbb <br> ccccccc <br> ccccccc <br> ccccccc <br> ccccccc </div></div><select style="width:200" > <option> test0 <option> test1 <option> test2 <option> test3 </select><br><pre>在IE6里,Div被Select挡住,是一个比较常见的问题。(IE7/Firefox没有这个问题)有的朋友通过把div的内容放入iframe或object里来解决。可惜这样会破坏页面的结构,互动性不大好。这里采用的方法是:虽说div直接盖不住select但是div可以盖iframe,而iframe可以盖select,所以,把一个iframe来当作div的底,这个div就可以盖住select了.</pre></body></html> 如果能把DIV放在一个没SELECT的地方也很美观的话那是最好的,要是没有,只能用iframe盖住了 其实主要不是ocx的遮挡让我很头痛。潜入iframe的确可以解决,先谢谢各位。但是在弹出窗口弹出的过程中会出现弹出窗口于ocx交替出现的现象,似乎是在不停的激活使其能够在最上层。我个人还是比较倾向popup,右键菜单就是用popup做的,不会出现以上的现象,有没能够使popup不自动关闭的方法啊? iframe是不是不能设置背景图片啊,我用<iframe style="position:absolute;z-index:-1;width=100%;height=100%;background-image='url(a.jpg)'"><iframe>不起作用 用flash装~~?没试过。现在好像只能用iframe,不过iframe是不是不能设置背景图片? 被div挡住了吧,frmae在div的下面,把它设置背景图片何用? 解决了:var iFrameObj=document.createElement("iFrame");iFrameObj.contentWindow.document.body.style.backgroundImage="url()";就OK了。 iFrameObj.contentWindow.document.body.style.backgroundImage="url()"; ~~~~很不错,楼主可以结贴啦 可以反select先隐藏掉再显示DIV啊.THICKBOX就是这样实现的 IE8兼容性问题 jqeury和DOM的this指针问题 $(document).keydown javascript如何建立一个https连接 问一个关于document.getElementsByTagName("select")的问题 如何关闭窗口IE不弹确认提示~~~ 碰到个奇怪的问题,javascript文件名第二个字母出现大写时,不能调用文件中函数 checkbox每点一次,自动提交到数据库,但页面不刷新?(没有分了。。) 在JS中怎样改变form中的文字颜色? 找WEB页面设计人员合作! 关于js在非ie上运行 请教如何在Firefox中用JS实现图片的旋转
被select挡住到可以用iframe挡住
就是在div的开始位置加一个与div一样大小的iframe iframe的样式position:absolute;z-index:-1;
用window.open
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> JK:支持民族工业,尽量少买X货 </title></head><body>
<div style="z-index:10;position:absolute;width:100;height:18;overflow:hidden;" onmouseover="this.style.height=100;" onmouseout="this.style.height=18;">
<iframe style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;" frameborder="0" src="about:blank"> </iframe>
<div style="background-color:#cccccc;"> aaaaaaa <br> bbbbbbb <br> ccccccc <br> ccccccc <br> ccccccc <br> ccccccc </div></div><select style="width:200" > <option> test0 <option> test1 <option> test2 <option> test3 </select><br>
<pre>
在IE6里,Div被Select挡住,是一个比较常见的问题。(IE7/Firefox没有这个问题)
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构,互动性不大好。这里采用的方法是:虽说div直接盖不住select
但是div可以盖iframe,而iframe可以盖select,
所以,把一个iframe来当作div的底,
这个div就可以盖住select了.</pre></body></html>
潜入iframe的确可以解决,先谢谢各位。
但是在弹出窗口弹出的过程中会出现弹出窗口于ocx交替出现的现象,似乎是在不停的激活使其能够在最上层。
我个人还是比较倾向popup,右键菜单就是用popup做的,不会出现以上的现象,有没能够使popup不自动关闭的方法啊?
<iframe style="position:absolute;z-index:-1;width=100%;height=100%;background-image='url(a.jpg)'"><iframe>
不起作用
现在好像只能用iframe,不过iframe是不是不能设置背景图片?
var iFrameObj=document.createElement("iFrame");
iFrameObj.contentWindow.document.body.style.backgroundImage="url()";
就OK了。
~~~~
很不错,楼主可以结贴啦
THICKBOX就是这样实现的