位置绝对div显示在pdf文件下方

Question

我有一个iff，它有一个pdf文档。我还有一个div，我想在那个pdf文件上显示。

HTML CODE

<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

要使绝对定位起作用，父元素必须具有定位，因此请将父元素定位为：relative;