Css 将图像添加到头-是#{request.contextPath}返回contextname/faces而不是contextname/?

Css 将图像添加到头-是#{request.contextPath}返回contextname/faces而不是contextname/?,css,primefaces,styles,Css,Primefaces,Styles,我正在尝试将一个图像添加到我的layoutUnits的标题中(特别是layoutUnit=North,但我可以解决它)。然而,虽然它在登录前对页面起作用,但在我登录后就停止工作了。我想知道这样做的原因是否是因为#{request.contextPath}返回 https://localhost:8181/contextname/faces 而不仅仅是: https://localhost:8181/contextname/ 还是有其他原因?我越想它,我就越觉得它可能是别的东西——但我想不出

我正在尝试将一个图像添加到我的layoutUnits的标题中(特别是layoutUnit=North,但我可以解决它)。然而,虽然它在登录前对页面起作用,但在我登录后就停止工作了。我想知道这样做的原因是否是因为#{request.contextPath}返回

https://localhost:8181/contextname/faces 
而不仅仅是:

https://localhost:8181/contextname/
还是有其他原因?我越想它,我就越觉得它可能是别的东西——但我想不出是什么。请注意,下面的样式表适用于8080和8181,这并没有引起我所知道的问题

这是我修改过的CSS——正如我所说,它在登录之外工作,但一旦登录,图像就无法显示

    <style type="text/css">
        .ui-layout-unit-header{
            background-image:url('#{request.contextPath}images/NetworksLogoToolbarTransparent.gif') !important;
            background-repeat:no-repeat !important;
            background-size: contain !important;
        }
    </style>

.ui布局单元标题{
背景图像:url('#{request.contextPath}images/networkslogoolbarttransparent.gif')!重要信息;
背景重复:不重复!重要;
背景尺寸:包含!重要;
}
任何帮助都将不胜感激


Aodhan

我真的不知道为什么,所以如果有人能解释一下,那就太好了,但出于某种原因,在图像工作之前添加了a/。这在登录之前是不必要的,但是对于登录的页面来说是必要的。因此:

background-image:url('#{request.contextPath}/images/NetworksLogoToolbarTransparent.gif') !important;
而不是:

background-image:url('#{request.contextPath}images/NetworksLogoToolbarTransparent.gif') !important;
我看到的示例不需要斜杠,但我的示例需要斜杠