css - 将图像资源引用为 CSS 背景图像 url

Question

我在我的 css 文件中得到了这个:

background: #1484e6 url("/webapp/javax.faces.resource/images/ui-bg_diagonals-thick_22_1484e6_40x40.png.xhtml?ln=primefaces-excite-bike") 50% 50% repeat;

我如何引用图像而不是使用这个完整的 url？因为基本名称“webapp”可能会改变，所以这并不总是有效。

我试过使用它，但它不起作用:

#{resource['images:ui-bg_diagonals-thick_22_1484e6_40x40.png']}

Answer 1

您使用了错误的库名称。资源标识符中:之前的部分代表库名。您指定了 images，而它应该是 primefaces-excite-bike，如 URL 中的 ln 请求参数所示。

所以，应该这样做:

#{resource['primefaces-excite-bike:images/ui-bg_diagonals-thick_22_1484e6_40x40.png']}

另见:

• > How to reference JSF image resource as CSS background image url
• > What is the JSF resource library for and how should it be used?