css - 在 JSF 2.0 中从 CSS 资源中加载图像

<分区>

我是 JavaServer Faces 的新手，我正在尝试执行以下操作:

模板文件“/template.xhtml”加载样式表使用

<h:outputStylesheet library="style" name="default.css" />

在该 CSS 文件中，我想像这样链接到图像:

... background-image: url(LINK_TO_MY_IMAGE) ...

我如何引用该图像(我应该将什么写入 LINK_TO_MY_IMAGE)？我已经尝试使用直接链接 (/contextroot/resources/images/foo.png) 和 JSF 资源符号 (/contextroot/faces/javax.faces.resource/foo.png ?ln=图像)。

我的目录结构:

/resources/images  => contains image files
/resources/style/default.css
/WEB-INF/web.xml
/WEB-INF/faces-config.xml
/template.xhtml
/demoPage.xhtml  => uses the template.xhtml

所以，到目前为止，我的问题是加载图片时总是收到“404 Not Found”。

最佳答案

经过多次试验，这在 CSS 中有效:

url("msgError.gif.xhtml?ln=images")

在上面，msgError.gif 是我位于/resources/images/msgError.gif 的资源我相信 .xhtml 只是用来使用 JSF FacesServlet(参见 web.xml)

<servlet-mapping>
  <servlet-name>FacesServlet</servlet-name>
  <url-pattern>*.xhtml</url-pattern>
</servlet-mapping>

“ln”是库名。

关于css - 在 JSF 2.0 中从 CSS 资源中加载图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5429967/

上一篇：css - 这个字体是 : shorthand property syntax valid? 吗(我对规范的阅读说是的，但我安装的一半浏览器不同意。)

下一篇：CSS:如何从不直接位于 anchor 标记中的链接中删除下划线？

html - JSF 更改自动生成的元元素以允许使用 ssl 下载文件

java - 如何从 ExternalContext 获取 webapp 的绝对 URL？

javascript - Phonegap - 如何在 list 应用程序中存储文本，即使在应用程序关闭后也是如此

HTML/CSS : Two columns. 需要右栏中的 div 始终位于底部

jquery - 动态更改基于另一个 div 高度的 div 的上边距

html - 让 child 比 parent 有更高的 z-index

css - 覆盖 Primefaces 4.0 CSS

java - WildFly 访问不存在的 JSF 页面时不显示 404 错误页面

jsf-2 - 何时使用 :(colon) in rendering in jsf components