位置绝对 div 显示在 PDF 文件下方答案

【问题标题】：Position absolute div displays below PDF file位置绝对 div 显示在 PDF 文件下方
【发布时间】：2013-05-17 09:37:54
【问题描述】：

我有一个包含 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 下方。

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

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

【问题讨论】：

z-index 是否可以控制定位？（即在 pdf 文档之上分层）。如果有任何用处，I did find this.

标签： html css pdf iframe position

【解决方案1】：

为了使绝对定位起作用，父元素必须有定位，所以让你的父元素位置：相对；

【讨论】：