怎么让iframe里的图片盖住当前页的内容
有一个a.aspx页面，里面嵌套了一个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="关闭父页的层" />