你可以浮动ul以显示在iframe的父页面上

时间:2015-02-25 11:37:37

标签: css iframe

所以我有一个CSS菜单栏,它位于页面的iframe中。菜单工作正常,只有列表现在下降超过父页面上的iframe大小。  我正在寻找的方法是让下拉列表显示在其父页面的内容之上。

我尝试过使用zindex而没有运气它仍然隐藏在框架中!

不确定这是否可行任何帮助都会很棒。

1 个答案:

答案 0 :(得分:0)

我能提供的最好的例子就是为什么这不起作用。

iframe是一个独立的单元,在自己的块中呈现。 <{1}}中位于iframe块外部的任何元素都不可见。

在下面的示例中,我将粗体元素重新定位到左侧并带有负边距,您可以看到文本被iframe的边缘剪切。

您需要使用jQuery AJAX调用来获取源代码,获取感兴趣的元素,然后将其插入到父页面的DOM中。

&#13;
&#13;
iframe
&#13;
iframe {
  margin-left: 50px;
}
&#13;
&#13;
&#13;