0

我已经编写了一些代码，其中 div 应该与 IFrame 重叠。在 Chrome 中，它的工作正常，而在 IE IFrame 中，它与 div 重叠。下面是代码。关于如何解决此问题以使其适用于 IE 和 Chrome 的任何想法？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>IFrame Div</title>
    </head>
    <body>
        <div top="86px" left="5px" width="500px" height="500px" z-index="20000" style="width: 1000px;
            border-color: red; height: 500px; position: absolute !important; border-color: red;
            left: 5px; top: 86px; border-width: 5px; background-color: #E6E6E6; opacity: .8;">
        </div>
        <iframe src="http://samplepdf.com/sample.pdf" height="700px" width="600px"></iframe>
    </body>
    </html>
4

1 回答 1

0

给出 iframe：z-index:-999;

或者您可以使用内联 CSS：<iframe src="http://samplepdf.com/sample.pdf" height="700px" width="600px" style="z-index:-999;"></iframe>

于 2013-10-17T15:14:35.067 回答