主菜单CSS在IE中的iframe里面是pdf

时间:2017-10-31 02:06:18

标签: html css internet-explorer iframe

我创建了菜单栏,使用CSS3和iframe标签加载PDF文件。

但是我的CSS菜单隐藏在iframe中的PDF背后(仅在IE中)。在谷歌浏览器中它工作正常。但在IE中,根本不工作。 。问题是CSS菜单隐藏在iframe pdf后面。

我不确定它有什么问题。我试图添加z-index,但它不起作用。

这里的代码如下。

的test.html

x(#)

teststyle.css

.plist

感谢有人可以帮助我解决这个问题。

感谢。

1 个答案:

答案 0 :(得分:1)

我以前注意到Internet Explorer存在这个问题(在我的例子中,里面有一个带有Flash元素的iframe。)

我的解决方法是在页面上放置一个空的iframe,在您实际想要显示的元素后面。这将“掩盖”另一个iframe,但允许您的元素可见。

在您的情况下,将以下代码放在每个LI标记内似乎有效:

<iframe style="background-color: transparent; left: 0; top: 0; width: 100%; height: 100%; position: absolute; border-width: 0; z-index: -1"></iframe>

当然,这些样式应该只是在一个类中,你可以将该类赋予iframe。