我必须将 .xhtml 添加到 css 中的图像

Question

我必须在 css 中的 url 中添加 .xhtml 以便考虑我的图像，否则找不到（没有错字）。

例如，找到了：

background-image: url(flags/flags-32.png.xhtml);

没有找到：

background-image: url(flags/flags-32.png);

我的文件在 resources/css/flags.

下

我还有一个与此间接相关的附带问题：

我在某处读到过不应使用 .png.xhtml 或 .script.xhtml 之类的扩展名，因为它可能会对性能产生负面影响。我找不到我读到的来源，但我想知道为什么会这样（也许是因为缓存）。

Answer 1

尝试在你的标志文件夹之前添加资源

url("#{resource['flags/flags-32.png']}");

Answer 2

你应该这样试试

background-image: url(../images/imageName.gif);

如果你的文件夹结构像这样resources->images->imageName.gif。

Answer 3

当 .xhtml 附加到文件末尾时，url 是：

javax.faces.resource/...

而如果您想直接访问 .js 文件，例如 url 是：

resources/script/myscript.js

不要忘记资源中的 s。

I have to add .xhtml to image in css