iframe隐藏内容。怎么解决?

时间:2011-10-28 12:10:11

标签: html

我有一个iframe。标记是这样的:

<iframe height="350" frameborder="0" width="100%" scrolling="auto" src="someurl.php" style="z-index:100;overflow:auto;">
</iframe>

正如你所看到的,iframe的高度是固定的350。

在someurl.php中,我有一个滑块作为向上垂直移动的第一个元素。我试图将滑块的z-index设置为1000但没有运气,我的iframe只是隐藏了它后面的滑块。

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:2)

在someurl.php中,我有一个滑块作为第一个向上垂直移动的元素。

iFrame的内容永远不会超出iframe的边界。 当框架内的脚本元素“垂直向上移动”(绝对定位)时,它不再可见。

如果框架和父窗口托管在同一个域中,则可以将元素(从框架内部)注入父窗口,以便元素“似乎在框架外”。

答案 1 :(得分:0)

我不确定我是否理解正确,您是否可以发布链接以便我们看到问题?

在任何情况下,iframe中显示的页面上的z-index都不受iframe本身的z-index影响(iframe有自己的DOM)。此外,z-index行为依赖于浏览器(特别是如果您使用的是早于9的IE版本;在此类IE版本中,它将负面继承z-index,因此所有父元素也必须被赋予索引)。

是来自其他网站的iframe内容吗?如果没有,我会使用concider javascript来填充div而不是使用iframe。