Javascript AdobeReader插件html透明覆盖_Javascript_Css_Internet Explorer 11_Adobe Reader

Javascript AdobeReader插件html透明覆盖

javascript css

Javascript AdobeReader插件html透明覆盖,javascript,css,internet-explorer-11,adobe-reader,Javascript,Css,Internet Explorer 11,Adobe Reader,嗨，我正在尝试覆盖一个pdf，使用AdobeReaderPluginforIE11呈现，带有一个div。下面是一个描述我的问题的例子。出于某种原因，div位于嵌入的pdf后面。这个问题有解决办法吗？这个问题发生在IE11中 pdf是这样嵌入的，下面有div <object id="pdf"> <embed src="http://www.education.gov.yk.ca/pdf/pdf-test.pdf"/> </object> <div

嗨，我正在尝试覆盖一个pdf，使用AdobeReaderPluginforIE11呈现，带有一个div。下面是一个描述我的问题的例子。出于某种原因，div位于嵌入的pdf后面。这个问题有解决办法吗？这个问题发生在IE11中

pdf是这样嵌入的，下面有div

<object id="pdf">
    <embed  src="http://www.education.gov.yk.ca/pdf/pdf-test.pdf"/>
</object>
<div id="overlay" />

谢谢你的帮助

更新！我设法使用iframe将div覆盖到pdf上。但我不能让div透明

<iframe style="position:absolute; left:0; top:0; width:150px; 
height:150px; background-color:blue; z-index:9;" src="http://www.education.gov.yk.ca/pdf/pdf-test.pdf"></iframe>

<div id="overlay" style="position:absolute; left:0; top:0; width:150px; 
height:150px; background-color:blue; z-index:10;"></div>

<iframe ALLOWTRANSPARENCY="true" style="position:absolute; left:0; top:0; width:50px; opacity: 0.0; 
height:150px; z-index:9;" 
srcdoc="<html><body style='background-color:transparent;'></body></html>"></iframe>

css保持不变

一个新的js提琴可能在我这边，红色的div与灰色的pdf容器重叠。问题出在IE11中。这可能有点问题，但我需要div也是透明的。为什么会有z-指数1000？想知道如果你有1000个div的话？我认为不应该是这样，应该是一个很高的数字。这是我很久以前写的。我认为确切的数字无关紧要。

<iframe style="position:absolute; left:0; top:0; width:150px; 
height:150px; background-color:blue; z-index:9;" src="http://www.education.gov.yk.ca/pdf/pdf-test.pdf"></iframe>

<div id="overlay" style="position:absolute; left:0; top:0; width:150px; 
height:150px; background-color:blue; z-index:10;"></div>

<iframe ALLOWTRANSPARENCY="true" style="position:absolute; left:0; top:0; width:50px; opacity: 0.0; 
height:150px; z-index:9;" 
srcdoc="<html><body style='background-color:transparent;'></body></html>"></iframe>