liferay - 如何在portlet的css中引用liferay主题中的图像

Question

我有一个 liferay 主题，其中包含一些应用程序级别的图像。也是一个带有自己的 css 的 portlet。

如何从 portlet 的 css 中引用主题中的图像？

Answer 1

我相信从 CSS 文件中你不能（至少我想不出办法做到这一点）。但是，如果您希望它无论如何都由主题设置样式，您可以只拥有一个<div class="hasMyDesiredImage">并让您的主题包含主题 css 以使用来自主题本身的图像：

例如你的custom.css：

 .hasMyDesiredImage {
    background: url(../images/my/fancyImage.png);
 }

如果您想从 portlet 本身（动态处理代码）处理基于主题的图像，您可以使用themeDisplay.getPathThemeImages()：

Answer 2

如果你已经创建了自定义主题，那么可以使用引用路径直接引用主题中的images/CSS/JS。

例如：如果 webapps 中的 Theme 项目是 sample-theme，那么你可以给出 /sample-theme/images/filename.png 这样的路径