怎么让iframe里的图片盖住当前页的内容

Question

有一个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>
到底应该怎么做啊？

Answer 1

显示超出iframe的尺寸了，将其包含的内页的body设置overflow:visible（）
此外，还应将ifrmae的父容器设置overflow:visible;z-index:100;

Answer 2

在iframe外面套了个div，再设置div的z-index和position属性也不管用啊

Answer 3

自己写，觉得不好，有jquery插件，直接用个插件吧。
  给一种意见：在使用的时候用js给图片加上你设置的属性试试

Answer 4

iframe是框架，有些样式不支持，如果换成是div(Panel + .ascx)肯定可以的
既然用.net，为什么不用用户控件，缓存起来也灵活，非要去纠结这个东西