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

Question

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

代码

<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 下方。

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

小提琴：http: //jsfiddle.net/audetwebdesign/Q6nF6/

Answer 1

为了使绝对定位起作用，父元素必须具有定位，因此使您的父元素位置：相对；