Google chrome PDF查看器与Google chrome中页面上的其他对象重叠

Google chrome PDF查看器与Google chrome中页面上的其他对象重叠,google-chrome,pdf,pdf-viewer,Google Chrome,Pdf,Pdf Viewer,我在使用谷歌浏览器浏览网页时遇到了一个问题。当Google chrome插件“chrome PDF Viewer”被禁用时,显示的PDF将与每个对象重叠。下面是一个示例代码 <html> <head> </head> <body> <div style="border: solid red 2px; position:absolute;z-index:100;background-color:Green;height:100px;w

我在使用谷歌浏览器浏览网页时遇到了一个问题。当Google chrome插件“chrome PDF Viewer”被禁用时,显示的PDF将与每个对象重叠。下面是一个示例代码

<html>
<head>

</head>
<body>
    <div style="border: solid red 2px; position:absolute;z-index:100;background-color:Green;height:100px;width:250px;"></div>

    <div style="position:absolute;z-index:10;margin-left:100px;">
    <iframe visible="true" id="ipdf" src="http://www.irs.gov/pub/irs-pdf/fw4.pdf" height="1000" width="1000" runat="server" frameborder="0" scrolling="auto" >

     </iframe>
     </div>

</body>
</html>


任何建议都会很有帮助。

您认为它在Internet Explorer和Adobe Reader插件中的效果更好吗? 据我所知,它有同样的问题,你必须使用另一个iframe覆盖区域