我创建了菜单栏,使用CSS3和iframe标签加载PDF文件。
但是我的CSS菜单隐藏在iframe中的PDF背后(仅在IE中)。在谷歌浏览器中它工作正常。但在IE中,根本不工作。 。问题是CSS菜单隐藏在iframe pdf后面。
我不确定它有什么问题。我试图添加z-index,但它不起作用。
这里的代码如下。
的test.html
x(#)
teststyle.css
.plist
感谢有人可以帮助我解决这个问题。
感谢。
答案 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。