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

时间:2013-05-22 10:58:50

标签: html css pdf iframe position

我有一个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/

1 个答案:

答案 0 :(得分:1)

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