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

Question

我在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");

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

干杯!里约热内卢

Answer 1

您是否尝试将其更改为:

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

Answer 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);