html - 位置绝对 div 显示在 PDF 文件下方

Question

我有一个带有 PDF 文档的 iframe。我还有一个要显示在该 PDF 文件上的 div。

HTML 代码

<iframe width="200" height="200" src="abc.pdf" style="border:1px solid #000"></iframe>
<div style="width:200px; height:50px; border:1px solid #000; background:red; position:absolute; top:60px; left:60px"></div>

在 Mozilla 中，此 div 可以在 PDF 文档上正确显示。但在 IE(8, 9, 10) 中显示在 PDF 下方。

如果我能做点什么，请告诉我。

fiddle :http://jsfiddle.net/audetwebdesign/Q6nF6/

Answer 1

要使绝对定位起作用，父元素必须有定位，所以让你的父元素position:relative；