Can';在JSF中加载CSS图像
说明: 在我的JSF应用程序中,我通过CSS属性设置菜单背景图像 我将文件结构配置如下Can';在JSF中加载CSS图像,css,jsf,jsf-2,Css,Jsf,Jsf 2,说明: 在我的JSF应用程序中,我通过CSS属性设置菜单背景图像 我将文件结构配置如下 这是我的CSS代码 Style.css #menu { height:35px; width:950px; background:url(images/default.gif); /*background:url(#{resource['images:default.gif']}); background:url(#{resource['images/defaul
- 这是我的CSS代码
#menu
{
height:35px;
width:950px;
background:url(images/default.gif);
/*background:url(#{resource['images:default.gif']});
background:url(#{resource['images/default.gif']});
*/
}
这个CSS文件位于/resources/CSS
目录下,并且
我正在使用导入Facelets页面中的css文件
<h:head>
<h:outputStylesheet library="css" name="style.css"></h:outputStylesheet>
</h:head>
/resources/images
目录下#菜单
{背景:url(images/bg.png)
}
- 您可以使用
此资源处理程序将生成未映射的URL,如/javax.faces.resource/css/style.css。这有一个主要优点,即开发人员不再需要#{resource}EL表达式来正确引用CSS文件中图像的相对URL
或者看看这里类似的问题/答案:背景:url(“../resources/images/default.gif”)代码>安装Firefox。安装FireBug。打开萤火虫。在页面上检查生成的代码。css真的包括在内了吗?能找到文件吗?你的菜单有正确的等级吗?图像路径正确吗?找到图像了吗?我相信你可以用正确的工具缩小问题的范围…@Daniel我按照你说的那样尝试了,但仍然没有加载,我在
web.xml
中发现的问题,配置facesServelet.xhtml
映射,如果我删除了它,它工作得很好。我如何实现这一点呢?@没有一个问题与浏览器端无关,当然,正如我提到的,这些图像是在正确的路径上的above@kark,这是你的答案,通读一遍。。。还有,看看这个
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>*.xhtml</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>*.xhtml</url-pattern>
<url-pattern>/javax.faces.resource/*</url-pattern>
</servlet-mapping>