css 中图像的相对 URL (Zkoss)

Posted 2023-02-23

【中文标题】css 中图像的相对 URL (Zkoss)

【英文标题】：Relative URL to images in css (Zkoss)

【发布时间】：2014-01-07 23:03:24

【问题描述】：

我在 ZK 7.0.0 中开发了一个带有自己的模具、样式等的组件。该组件应该构建在一个 jar 文件中，我可以将其复制到 WEB-INF/lib 文件夹中以替换标准 ZK 组件。

文件夹结构：

src/ src/main/resources/web/images/ src/main/resources/web/js/

在“.css.dsp”文件中，我使用如下语句：

背景图片:url($c:encodeURL('/images/in2.png')

它指的是“domen/webapp/images/in2.png”。 （物理路径：/webapp/images/in2.png）。但我需要从 jar 文件中获取图像。

那么如何在 css 文件中写入图像的相对路径？

【参考方案1】：

你遇到的情况有点类似于this one。

要引用指向类路径上文件的 URI，您应该使用特殊前缀 ~./：

background-image:url($c:encodeURL('~./images/in2.png')

可以在文档中找到有关方法 WebApp.getResource 或 Execution.locate 的更多详细信息。 真实世界的例子可以在 ZK source files 中看到。

【讨论】：

是的，这就是答案。谢谢你。 books.zkoss.org/wiki/ZK_Style_Customization_Guide/…