Question

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

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

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

这里的代码如下。

的test.html

x(#)

teststyle.css

.plist

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

感谢。

Answer 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。