Overlay Image above嵌入式pdf

Question

我试图覆盖嵌入在iFrame中的pdf以上的图像。

图像落在后面的iFrame中的代码的结果（通过改变底部属性测试，以-10px和图像的底部变得visable）使用z索引是

仅有的两个方法我知道的，绝对的事实位置应该放置在最上面的对象，但似乎都没有工作。

<div id="images" style="float:right;position:relative" width="400" height="250"> 
    <img src="images/Next_Black_Arrow.png" style="height:25px;width25px;float: left;z-index=10;position:absolute;bottom:10px;left:250px;"> 
    <iframe SRC="testFiles/Categories of pattern matching characters.pdf#toolbar=0&navpanes=0&scrollbar=0" style="z-index=1;position:relative;" width="400" height="250"></iframe> 
    </div> 

*为缺乏分离CSS

---

的Applogies虽然这样的作品，遗憾的是它不一样，如果改变的iframe链接到一个PDF文件。

见http://jsfiddle.net/vr4rX/4/

我想，那一定是在Adobe Reader中的错误。真的可以做一个解决方法。

Answer 1

看看我的解决方案：http://jsfiddle.net/vr4rX/1/

HTML：

<div id="images"> 
    <img src="http://t1.ftcdn.net/jpg/00/02/78/72/400_F_2787285_mlDf8ah974XHflVFrbQB3FM6Qxu1MT.jpg" /> 
    <iframe SRC="http://www.google.de" width="400" height="250"></iframe> 
</div> 

CSS：

#images { 
    float:right; 
    width: 400px; 
    height: 250px; 
    position: relative; 
    z-index: 1; 
} 

#images img { 
    height:25px; 
    width:25px; 
    z-index=2; 
    position:absolute; 
    bottom:20px; 
    right:20px; 
}