2013-04-23 115 views
2

我正在嘗試使用下面的代碼顯示帶有背景圖像的面板。設置p:面板的背景圖像

<p:panel id="upperpanel" style="background-image: url(../img/login-bg.jpg)" > 

我也嘗試過使用

<p:panel id="upperpanel" style="background-image: url(/user/test/img/login-bg.jpg)" > 

在這兩種情況下,我沒有得到要顯示的背景圖像。我也嘗試使用不同的圖像。沒有運氣。在面板內添加h:graphicImage組件時,圖像正確顯示。

任何幫助,將不勝感激。

回答

2
style="background-image: url('../img/login-bg.jpg'); 

正要上班。同樣在樣式屬性中給0123'是不必要的,因爲您在style中定義的任何css規則已經覆蓋了其他具有相同名稱的CSS屬性。 !important在用於.css文件時可能會有用。

+0

你說得對,我太糟糕了! – 2013-04-23 14:15:35

+0

一點也不會發生:) – 2013-04-23 14:17:08

+0

我嘗試了上述步驟...由於某種原因,它仍然不適合我...可能會有任何瀏覽器兼容性問題? ..不幸的是我使用IE8 ...將不得不在Firefox中測試這個 – 2013-04-23 15:03:27