Internet explorer 透明richfaces模式面板

我有一个使用RichFaces3.X的项目

当用户单击编辑按钮时，会弹出一个模式面板

现在的问题是，此模式面板似乎是透明的

这只发生在IE11中，它与其他浏览器（包括IE的其他版本）配合使用完全正常

有人知道为什么会这样吗

下面是负责模态面板的一段代码：

<rich:modalPanel id="wizardGeneric#{id}" autosized="true" minWidth="#{empty wizardWidth ? 500 : wizardWidth}" 
            minHeight="#{ empty wizardHight ? (wizard.showNavigation ? 430 : 400 ) : wizardHight}" 
            maxHeight="#{empty wizardHight ? 400 : wizardHight}" rendered="#{wizard.modalOpened}"
            showWhenRendered="true"  styleClass="wizardZIndex wizardGenericPanel"
            top = "30" left = "100"
            controlsClass = "wizardModalControlClass" 
            onmove="if(document.selection) document.selection.empty(); else if(window.getSelection) window.getSelection().removeAllRanges();">              
        <f:facet name="header">
            <h:panelGroup styleClass="wizardGenericHeader" id="wizardGenericHeader#{id}" />
        </f:facet>
        <h:form id="wizardGenericForm#{id}" styleClass="edit wizardGenericFormClass" enctype="multipart/form-data">
            <h:panelGrid styleClass="wizardGenericPrevNext" id="wizardGenericPrevNext#{id}" rendered="#{wizard.showNavigation}">
                <h:panelGroup>
                    <a:commandLink
                        value="#{messages.prevEntry} #{wizard.className}"
                        rendered="#{wizard.hasPrevious()}"
                        eventsQueue = "eventsQueue"
                        action="#{wizard.goToPrevious()}"
                        reRender="wizardGenericPrevNext#{id}, wizardGenericHeaderPageTitle#{id}, wizardGenericHeaderStepTitle#{id}, wizardGenericDescription#{id}, wizardGenericFormSDiv#{id}"
                        style="margin-right:15px;" />
                    <a:commandLink
                        value="#{messages.nextEntry} #{wizard.className}"
                        rendered="#{wizard.hasNext()}"
                        eventsQueue = "eventsQueue"
                        action="#{wizard.goToNext()}"
                        reRender="wizardGenericPrevNext#{id}, wizardGenericHeaderPageTitle#{id}, wizardGenericHeaderStepTitle#{id}, wizardGenericDescription#{id}, wizardGenericFormSDiv#{id}" />
                </h:panelGroup>
            </h:panelGrid>
            <s:div styleClass="wizardGenericDescription" id="wizardGenericDescription#{id}">
                <h:panelGrid columns="2" id="wizardGenericDescriptionPg#{id}" styleClass="wizardGrid" columnClasses="wizardExclamation,wizardDesc" rendered="#{wizard.showDescription}">
                    <h:panelGroup>
                        <h:outputText value="!" />
                    </h:panelGroup>
                    <h:panelGroup>
                        <h:outputText value="#{wizard.aktSite.pageDescription.getText()}"/>
                    </h:panelGroup>
                </h:panelGrid>
            </s:div>
            <s:div id="wizardGenericFormSDiv#{id}" styleClass="wizardGenericPanelInner" style="display:block;">
                <s:div styleClass="wizardIncludedStepContainer" style="height:#{empty wizardHight ? 340 : wizardHight-70}px;margin: 0 0 30px;">
                    <s:div id="msgWizard#{id}" style="overflow-y:visible;overflow-x:hidden;margin:10px;">
                        <h:messages id="msgWizardMsg#{id}" styleClass="message"
                            errorClass="errormsg" infoClass="infomsg" warnClass="warnmsg"
                            rendered="#{showGlobalMessages != 'false'}" />
                    </s:div>
                    <a:include styleClass="includedStepContent" id="includedStepContent#{id}" viewId="#{wizard.aktSite.pageName}"
                        rendered="#{!empty wizard.aktSite}" />
                </s:div>
                <h:panelGrid columns="2" id="wizardGenericButtons#{id}" styleClass="wizardBgButtonsBottom" width="100%">
                    <h:panelGroup styleClass="wizardGenericNavigation" id="wizardGenericNavigation#{id}" style="float:left">
                        <a:commandButton action="#{wizard.prevStep}" styleClass="wizardButtonsBottom"
                            eventsQueue="eventsQueue" id="wizardGenericPrev#{id}"
                            limitToList="true"
                            disabled="#{!wizard.previous}"
                            reRender="wizardGenericControls#{id}, wizardGenericHeaderPageTitle#{id}, wizardGenericHeaderStepTitle#{id}, wizardGenericDescription#{id}, wizardGenericFormSDiv#{id}"
                            bypassUpdates="#{wizard.hasChild()}"
                            ajaxSingle = "#{wizard.hasChild()}"
                            immediate = "#{wizard.hasChild()}"
                            type="button" value="#{msg.back}" />
                        <rich:spacer width="5px" />
                        <a:commandButton action="#{wizard.nextStep}" styleClass="wizardButtonsBottom"
                            eventsQueue="eventsQueue" id="wizardGenericNext#{id}"
                            limitToList="true"
                            disabled="#{!wizard.next}"
                            reRender="wizardGenericControls#{id}, wizardGenericHeaderPageTitle#{id}, wizardGenericHeaderStepTitle#{id}, wizardGenericDescription#{id}, wizardGenericFormSDiv#{id}"
                            type="button" value="#{msg.next}" />
                    </h:panelGroup>
                    <h:panelGroup id="wizardGenericOps#{id}" style="float:right">
                        <a:outputPanel ajaxRendered="true">
                            <a:commandButton action="#{wizard.submit}" styleClass="wizardButtonsBottom"
                                disabled="#{not(wizard.submit)}" eventsQueue="eventsQueue"
                                id="wizardGenericSubmit#{id}" 
                                reRender="wizardGenericSDiv#{id}, #{reRender}"
                                rendered="#{empty hideSaveBtn}"
                                type="button" value="#{empty saveBtn ? msg.save : saveBtn}">
                                <f:param name = "firstRead" value = "true"/>
                            </a:commandButton>
                            <rich:spacer width="5px" />
                            <a:commandButton  styleClass="wizardButtonsBottom"
                                action="#{wizard.saveAndNew}"
                                disabled="#{not(wizard.submit)}" 
                                eventsQueue="eventsQueue"
                                id="wizardGenericSaveAndNew#{id}" 
                                limitToList="true" 
                                reRender="wizardGeneric#{id}, #{reRender}"
                                rendered="#{empty hideDisableNewBtn}"
                                type="button" 
                                value="#{empty saveAndNewBtn ? msg.saveAndNew : saveAndNewBtn}">
                                <f:param name = "firstRead" value = "true"/>
                            </a:commandButton>
                            <rich:spacer width="5px" />
                        </a:outputPanel>
                        <a:commandButton styleClass="wizardButtonsBottom" 
                            action="#{wizard.reset}" ajaxSingle="true"  
                            bypassUpdates="true" eventsQueue="eventsQueue"
                            id="wizardGenericReset#{id}"
                            immediate="true" limitToList="true" reRender="wizardGenericSDiv#{id}, #{renderOnReset}"
                            type="button" value="#{msg.abbrechen}"
                            actionListener="#{rich:findComponent('includedStepContent'.concat(id)).getChildren().clear()}"/>
                    </h:panelGroup>                     
                </h:panelGrid>

                <script>
                    resizetable();
                </script>

            </s:div>
            <rich:panel styleClass="wizardStepsContainer" id="wizardGenericHeaderStepTitle#{id}" bodyClass="wizardSteps">
                <c:if test="#{wizard.stepNumbetLast gt 1}">
                    <c:forEach var="step" begin="1" end="#{empty stepNumbetLast ? wizard.stepNumbetLast : stepNumbetLast}" step="1">
                            <a:commandLink rendered="#{wizard.isStepActive(step) and step eq (wizard.stepNumbetCurrent-1)}" action="#{wizard.prevStep}" value="#{wizard.stepNumbetCurrent-1}" title="#{wizard.stepName(step)}"
                                styleClass="stepleft" eventsQueue="eventsQueue"
                                reRender="wizardGenericControls#{id}, wizardGenericHeaderPageTitle#{id}, wizardGenericHeaderStepTitle#{id}, wizardGenericDescription#{id}, wizardGenericFormSDiv#{id}" />
                            <a:commandLink rendered="#{wizard.isStepActive(step) and step eq (wizard.stepNumbetCurrent+1)}" action="#{wizard.nextStep}" value="#{wizard.stepNumbetCurrent+1}" title="#{wizard.stepName(step)}"
                                styleClass="stepright" eventsQueue="eventsQueue" ajaxSingle="#{wizard.hasChild()}"
                                reRender="wizardGenericControls#{id}, wizardGenericHeaderPageTitle#{id}, wizardGenericHeaderStepTitle#{id}, wizardGenericDescription#{id}, wizardGenericFormSDiv#{id}" />
                            <a:commandLink rendered="#{wizard.isStepActive(step) and step != (wizard.stepNumbetCurrent-1) and step != wizard.stepNumbetCurrent and step != (wizard.stepNumbetCurrent+1) and wizard.edit}"
                                action="#{wizard.goToStep(step)}" value="#{step}" title="#{wizard.stepName(step)}" eventsQueue="eventsQueue" ajaxSingle="#{wizard.hasChild()}"
                                styleClass="#{(step lt wizard.stepNumbetCurrent ? 'stepleft' : (step gt wizard.stepNumbetCurrent ? 'stepright' : 'stepcurrent'))}"
                                reRender="wizardGenericControls#{id}, wizardGenericHeaderPageTitle#{id}, wizardGenericHeaderStepTitle#{id}, wizardGenericDescription#{id}, wizardGenericForm#{id}" />
                            <h:outputText value="#{step}" rendered="#{!wizard.isStepActive(step) or ((step != (wizard.stepNumbetCurrent-1) and step != (wizard.stepNumbetCurrent+1) and !wizard.edit)) or (step eq wizard.stepNumbetCurrent and wizard.edit)}" 
                                styleClass="#{(step lt wizard.stepNumbetCurrent ? 'stepleft' : (step gt wizard.stepNumbetCurrent ? 'stepright' : 'stepcurrent'))}"
                                title="#{(step != wizard.stepNumbetCurrent ? wizard.stepName(step) : '')}" />
                    </c:forEach>
                </c:if>
            </rich:panel>
            <h:panelGroup styleClass="wizardGenericControls" id="wizardGenericControls#{id}">
                <h:outputText value="#{wizard.pageTitleShort}" title="#{wizard.pageTitle}"
                    styleClass="wizardGenericHeaderPageTitle" id = "wizardGenericHeaderPageTitle#{id}" />
                <rich:spacer width="10" height="10" />
                <a:commandLink
                    rendered="#{!empty wizard.aktSite.pageDescription.getText()}" 
                    action="#{wizard.switchShowDescription}"
                    reRender="wizardGenericFormSDiv#{id},wizardGenericDescription#{id},showDescription#{id}"
                    eventsQueue="eventsQueue"
                    id="showDescription#{id}"
                    ignoreDupResponses = "true"
                    title = "#{wizard.showDescription ? msg.hideDescription : msg.showDescription}">
                    <h:panelGroup>
                        <h:outputText value="i" styleClass="wizardHelp"/>
                    </h:panelGroup> 
                </a:commandLink>
                <h:outputLink target="_blank" value="/profiler/help.pdf">
                    <h:panelGroup>
                        <h:outputText value="?" styleClass="wizardHelp"/>
                    </h:panelGroup> 
                </h:outputLink>
            </h:panelGroup>
        </h:form>
    </rich:modalPanel>

可调整大小（）；

单击“编辑”按钮，您似乎正在重新提交此模型面板

我建议将弹出模型windows内容放入a4j容器中，如：

---

并调用此面板的重新加载程序

我遇到了同样的问题，最后通过将主机/站点添加到兼容性视图列表中解决了这个问题

打开Internet Explorer，选择“工具”按钮，然后选择 兼容性视图设置

在“添加此网站”下，输入要添加到的网站的URL 单击列表，然后选择添加

---

我使用的是IE版本11.0.9600.17416更新版11.0.14

我们不需要看到那么多代码，如果问题出在面板上，那么内容就无关紧要了；）这可能与CSS有关，您应该检查代码并检查面板的背景。你也应该在没有@styleClass的情况下试试。我花了3天时间检查了.css类和面板的背景等等。但事实并非如此，因为我试着保存chrome的输出并用IE11打开它。但问题仍然存在，这有点奇怪。我将尝试删除@styleClass.ah btw，谢谢你的回复：）我的意思是检查浏览器中的代码，它应该是IE中的F12。在那里你可以看到浏览器使用的实际样式。是的，我理解你。不幸的是，删除@styleclass无效。我会继续检查，也许我会想出办法。