Internet Explorer z索引无法使用Iframe

Question

<div class="zoomerimage">
    <iframe id="oriimage" style="overflow:hidden;" title="test.pdf" src="test.pdf"   height="800" width="100%" ></iframe>
    <div class="noteoverlay">
        Notes
    </div>
</div>

.zoomerimage {
    overflow: hidden;
    position: relative;
}
.noteoverlay{
    background: rgba(241, 241, 241, 0);
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    z-index:2;
}

我有一个像上面这样的div结构现在我希望noteoverlay类覆盖在iframe上。 除了IE之外，以上css适用于所有浏览器。 在IE中，noteoverlay div落后于iframe。

IE有什么特定的样式吗？