设置p：面板的背景图像

Question

我正在尝试使用以下代码显示带有背景图像的面板。

    <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组件时，图像会正确显示。

任何帮助都将不胜感激。

Answer 1

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

会起作用。同时在style属性中提供!important是不必要的，因为您在style中定义的任何css规则已经覆盖了具有相同名称的其他css属性。在!important文件中使用.css时，{{1}}会很有用。