html - JSF-<table> 标签不应用背景图像

Question

我的问题与给出的问题相似here

我正在尝试将背景图片添加到 <table> <p:panel> 中的组件

我尝试了很多解决方案，包括下面给出的解决方案，但没有成功。表格中没有应用背景图像。

table {
    width: 300px;
    background-image: url('mypic.png');
    background-repeat: no-repeat;
    background-position: center top;
}

在我的工作区中，我试图在后台提供的图像位于
下 C:\workspaces\Project\WebContent\resources\images\mylogo.jpg
请让我知道如何将背景图片添加到 <table>在<p:panel>里面在 XHTML 文件中。

提前致谢。

Answer 1

在纯 CSS 中，

如果你声明:

background-image: url('mypic.png');

您的图像必须与您的 CSS 文件相关。 它只有在 CSS 文件和图像位于同一文件夹中时才有效。

在 JSF2 中，

为方便起见，CSS 和资源由 JSF 层处理。 资源必须放在“WebContent/resources”文件夹中，并使用 EL 访问:

background-image: url(#{resource['images:mypic.png']});