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

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

2 个答案: