如何防止 Liferay 在我的 CSS 图像中添加主题 portlet 路径答案

【问题标题】：How to prevent Liferay from prepending theme portlet path in my images in CSS如何防止 Liferay 在我的 CSS 图像中添加主题 portlet 路径
【发布时间】：2014-04-03 12:21:09
【问题描述】：

我在 Liferay 6.2 中开发了一个主题插件。在我的 css 文件中，我使用它来引用图像：

background-image: url('../images/main_bck.jpg');

它在我的本地机器上运行良好，但在我将它部署到我们的登台服务器上后，它显示了不同的路径，因此我的图像无法正确显示：

background-image: url("/express-portal-theme/css//express-portal-theme/css/../images/main_bck.jpg");

我还没有在谷歌找到任何解决方案。请帮忙。

干杯！里约

【问题讨论】：

标签： plugins themes liferay liferay-6 liferay-theme

【解决方案1】：

您是否尝试将其更改为：

background-image: url('/express-portal-theme/images/main_bck.jpg');

【讨论】：

【解决方案2】：

我设法修复它，问题是由于嵌套文件包括：

在我的 docroot/_diff/css/custom.css 中，我包含了这些导入：

@import url(express-portal.css);

@import url(fonts.css);

@import url(frontend_login.css);

@import url(frontend_landing.css);

在我的docroot/css/main.css:

@import url(base.css);

@import url(application.css);

@import url(layout.css);

@import url(dockbar.css);

@import url(navigation.css);

@import url(portlet.css);

@import url(extras.css);

@import url(custom.css);

所以，我修改 main.css 以包含我所有的自定义 css 文件，然后它就可以工作了！

My modified main.css looks like this:

@import url(base.css);

@import url(application.css);

@import url(layout.css);

@import url(dockbar.css);

@import url(navigation.css);

@import url(portlet.css);

@import url(extras.css);

@import url(express-portal.css);

@import url(fonts.css);

@import url(frontend_login.css);

@import url(frontend_landing.css);

【讨论】：