Question

我目前正在使用PrimeFaces创建一个包含名称列表的表格，由于某种原因，IE7中的某个页面没有显示该文本。我在其他页面中使用相同的代码但由于某种原因只显示此段

    <p:panel id="DisplayTable" style="width: 635px; align:center; border-style:none;">
        <p:dataTable id="authorTbl" value="#{bean.authors}" 
          var="name" scrollable="true" height="100"
          style="font-size: 12px; align: center;z-index:10" emptyMessage="">
          <p:column style="width: 150px;">
            <f:facet name="header">
              <h:outputText value="Last" />
            </f:facet>
            <h:outputText value="#{name.lastName}" style="z-index:100;color:black" />
          </p:column>

          <p:column style="width: 150px;">
            <f:facet name="header">
              <h:outputText value="First" />
            </f:facet>
            <h:outputText value="#{name.firstName}" styleClass="tblColumnText"/>
          </p:column>

          <p:column style="width: 10px;">
            <f:facet name="header">
              <h:outputText value="MI" />
            </f:facet>
            <h:outputText value="#{name.middleName}" styleClass="tblColumnText"/>
          </p:column>

          <p:column style="width: 150px;">
            <f:facet name="header">
              <h:outputText value="Title/Suffix" />
            </f:facet>
            <h:outputText size="4" value="#{name.prefix}" styleClass="tblColumnText"/>
          </p:column>
          <p:column style="width: 60px; align:center;">
            <f:facet name="header">
              <h:outputText value="Action" />
            </f:facet>
            <p:commandButton value="Remove"
              action="#{bean.removeAuthor(name)}"
              disabled="#{bean.sf298ReadOnly}"
              update="Form:authorTbl" style="align: center;" />
          </p:column>

        </p:dataTable>
      </p:panel>

当我突出显示文本区域时，我无法看到文本。当我突出显示文本并将其复制到记事本时，我可以看到正在显示的文本。

我最初认为这是一个z索引问题，但在使用增加的z-index后，我无法找到解决方案。

Answer 1

添加

 style="zoom:1; position:relative"

表格元素修复了easwee建议的问题

表格文本未在IE7中显示

1 个答案: