0

私はプライムフェイスのタブビューを使用しています。私はその中で2つの問題に直面しています。

1) IE では、タブが水平ではなく垂直に表示されます。しかし、Firefoxでは機能します。

ファイアフォックス: ファイアフォックス

インターネットエクスプローラ ： インターネットエクスプローラ

SO 水平ビューにタブを表示するためにオーバーライドするクラス。

2) ご覧のとおり、選択されていないタブの色は、Firefox と IE で異なります。また、選択されていないタブと選択されたタブのスタイルクラスをオーバーライドする必要があります(これを試みましたが、Firefoxではかなり成功しましたが、IEでは..動作しません:(

私のコードは次のとおりです。

    <p:tabView value="#{bean.myDTO}" var="category" id = "tabView" styleClass="TabbedPanelsTabGroup" dynamic="true" onTabChange="handleTabChange(index)">
       <p:ajax event="tabChange" listener="#{bean.onTabChange}" /> 

        <p:tab id = "tab" title = "#{category.category}" titleStyleClass="TabbedPanelsTab TabbedPanelsTabSelected TabbedPanelsContentGroup">

---------Some content------
</p:tab>
</p:tabview>

親切に助けてください。

4

1 に答える 1

0

この場合、IE 用の特定の CSS で何も修正する必要はありません。これをヘッダーに追加して、ページを古い IE バージョンと互換性を持たせるだけです。

<meta http-equiv="X-UA-Compatible" content="IE=8" />

サーブレット フィルターを使用してこれを追加していますが、これを行う方法は他にもあります。

!DOCTYPE ... を忘れないでください。

...非常に古い質問ですが、この問題でしばらく前に頭を悩ませたことを覚えています

于 2014-04-10T21:21:07.020 に答える