当 Liferay 自动将 themeId 附加到 URL 时，CSS 被剥离

Question

当包含我的 portlet 的 css 文件时，Liferay 会自动将 themeId(以及浏览器等其他信息)附加到 URL。发生这种情况时，我发现并没有加载我所有的 css 样式。我尝试使用 /test-portlet/css/main.css?themeId=classic 直接访问 css 文件，但只加载了部分样式。当我使用没有附加 themeId 的 /test-portlet/css/main.css 时，所有样式都可以正常加载。

我一直没有找到原因。谁能帮我这个？我正在使用 Liferay 6.1.1 (6.1 GA2)。

Answer 1

Angeline 你能告诉我你在哪里包括你的/test-portlet/css/main.css 吗？

这个 main.css 文件包含特定于您的 portlet 的自定义 css。因此，当在页面上访问 portlet 时加载您的 css。您需要在 jsp 中包含 或推荐的方式，即在您的测试 portlet liferay-portlet.xml 中包含以下行

<header-portlet-css>/css/main.css</header-portlet-css>

这将加载您的 css 更改。

希望对您有所帮助!