将图像资源引用为 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?

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

Reference a image resource as CSS background image url

css

jsf

primefaces

另请参阅：