如何让iframe里的图片盖住当前页的内容

2013-07-08

怎么让iframe里的图片盖住当前页的内容有一个a.aspx页面，里面嵌套了一个iframe，iframe里的内容是三行产品

怎么让iframe里的图片盖住当前页的内容
有一个a.aspx页面，里面嵌套了一个iframe，iframe里的内容是三行产品图片，当鼠标指上去的时候弹出产品的详细内容，现在问题是指上去的时候弹出的层盖不住当前页其它的内容，显示的不完全，如下图：
如何让iframe里的图片盖住当前页的内容
怎么能改成像下面这个图的显示效果：

我试着在iframe里加上position和z-index属性，结果也不行

<iframe src="NewInIframe.aspx" frameborder="0" scrolling="no" width="1028px" height="380px" style="position:relative;z-index:999;"></iframe>

[解决办法]
定义 iframe 的父层 z-index 属性比下面的层次高
[解决办法]
iframe套在div中，对div进行设置不就可以了么？
[解决办法]
本地测试不要使用webkit核心浏览器，如chrome，父页和iframe无法互相操作，用ie或者firefox来测试

<iframe src="1.html"></iframe><br />
iframe外的其他内容
<style>
#dvPop{display:none;position:absolute;width:200px;height:300px;background:#ffffff;border:solid 1px #666666;left:0px;top:0px}
</style>
<div id="dvPop" onmouseout="this.style.display='none'"></div>
<script>
    function showpop(dp) {
        document.getElementById('dvPop').style.display = dp;
    }
</script>

1.html


<input type="button" onclick="parent.showpop('block')" value="打开父页的层" />
<br />
<input type="button" onclick="parent.showpop('none')" value="关闭父页的层" />

热点排行

CSS

如何让iframe里的图片盖住当前页的内容