IE下通过<iframe>嵌入的PDF文档层级最高，把我固定定位的元素给遮挡了，怎么解决

 <body>
        <div style="overflow: hidden; border: 1px solid red;background: deepskyblue;">
            <iframe id="iframe" src="test.pdf" width="80%" height="800px" ></iframe>
        </div>
        <div style="float: left;"></div>
        <div id="dd"></div>
    </body>

 <style>
            #dd{
                position: fixed;
                bottom: 0;
                left: 0;
                width: 88%;
                height: 50px;
                background: red;
                z-index: 10000;
            }
        </style>

以上代码是简易demo，效果图如下
图片说明

怎么才能不让PDF遮挡固定定位元素，求解决办法

你的iframediv 要设置高宽