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

Question

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

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

Answer 1

我相信从CSS文件中你不能（至少我想不出办法做到这一点）。但是，如果您希望它仍然可以通过主题进行样式设置，那么您可以只使用<div class="hasMyDesiredImage">并使主题包含主题css以使用主题本身的图像：

e.g。你的custom.css：

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

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

Answer 2

如果您已创建自定义主题，则可以使用引用路径直接引用主题中的impages / CSS / JS。

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