2012-04-02 82 views
0

我正在使用primefaces的選項卡視圖。我面臨着兩個問題。Css of primefaces選項卡視圖

1)在IE瀏覽器中我看到垂直而不是水平的標籤。但在Firefox中它有效。

火狐: ​​

INTERNET EXPLORER: Internet Explorer

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> 

好心幫

+0

嗨,塔倫了這個問題。你需要顯示一些代碼或其他東西。 – Francisc 2012-04-02 10:38:20

+0

你給出了一些解決你的問題的解釋。沒有更多的澄清任何人不能理解你的問題 – 2012-04-02 10:48:53

+0

我知道代碼是理解這個問題所必需的。但我的問題是瀏覽器的具體和我使用primefaces的一般標籤,沒有別的。我只是wannba知道如何以及我需要覆蓋哪些屬性來修改CSS。但是我仍然添加了代碼。請回復 。 – 2012-04-02 11:35:20

回答

0

你並不需要更正,在這種情況下 especific CSS爲IE 什麼 只是讓你的頁面兼容較舊版本的IE添加這頭:。

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

我使用Servlet過濾器添加了這個,但還有其他方法可以做到這一點。

而且不要忘了!DOCTYPE ...

...一個非常古老的問題,但我記得所有的頭痛我前一段時間