css 中图像的相对 URL (Zkoss)答案

【问题标题】：Relative URL to images in css (Zkoss)css 中图像的相对 URL (Zkoss)
【发布时间】：2014-01-07 23:03:24
【问题描述】：

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

文件夹结构：

在“.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 中看到。

【讨论】：