在IE7中不顯示錶格文本

我目前使用PrimeFaces創建一個包含名稱列表的表格，出於某種原因，文本不會顯示在IE7中的某個頁面中。我在其他頁面相同的代碼，但由於某些原因沒有被顯示只有這部分在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指數增加玩弄我無法達成解決方案。

來源

2011-03-30 vedar123

這是一個hasLayout的問題。應用縮放：1，位置：相對等等給你有問題的元素。 – easwee 2011-03-30 14:34:26

如果上述評論不適用於您，請提供實際HTML輸出的示例，最好使用[JS Bin]（http://jsbin.com/）。 – thirtydot 2011-03-30 14:53:02

@easwee很棒！我真的很好奇這個問題，但你一直是一個很好的幫助:) – vedar123 2011-03-30 19:20:59

添加

style="zoom:1; position:relative"

表元素解決了該問題所推薦的easwee

來源

2011-03-30 19:21:45 vedar123

在IE7中不顯示錶格文本

回答

相關問題