jsf - 如何阻止弹出窗口隐藏在 IE 中的嵌入对象后面

Question

要重现问题，请将 pupup 移到 pdf 前面并尝试调整它的大小。在 IE（在 8 和 9 上测试）弹出部分隐藏在 pdf 后面。在 Firefox 和 Chrome 中一切正常。

<h:body>
        <h:form>
            <iframe id="overviewFrame" src="http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/pdf/richfaces_reference.pdf" width="900" height="800" />          
            <h:commandButton value="openPopupWithPdf">
                <rich:componentControl target="pdfPopup" operation="show" />
            </h:commandButton>
        </h:form>
        <h:form>
            <rich:popupPanel autosized="false" id="pdfPopup" resizeable="true" width="300" height="100" moveable="true" overlapEmbedObjects="true">
                <f:facet name="controls">
                    <a4j:commandLink id="documentHideEditLink" styleClass="hidelink" onclick="#{rich:component('pdfPopup')}.hide()" execute="@this">
                        <h:graphicImage value="/img/modal/close.png" />
                    </a4j:commandLink>
                </f:facet>
                <f:facet name="header">
                    This is popup header
                </f:facet>   
                <h:panelGrid>
                    Some text
                </h:panelGrid>
            </rich:popupPanel>
        </h:form>
    </h:body>

如果我使用 a4j:mediaOutput 而不是 iframe，也是一样。