我有一个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只是隐藏了它后面的滑块。
我该如何解决这个问题?
答案 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。