从JSF 2.0中的CSS资源中加载图像[重复]

|                                                                                                                   这个问题已经在这里有了答案:                                                      
已邀请:
        将CSS添加到您的XHTML中
<link href=\"#{facesContext.externalContext.requestContextPath}/resources/style/default.css\" rel=\"stylesheet\" type=\"text/css\" />
和在CSS中
background-image: /resources/images/someName.png
    
        经过大量实验,这在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的路径。
<div style=\"background-image: url(\'/javax.faces.resource/images/someName.png.xhtml\');\">
    Text to Display
</div>
    
        SASS(SCSS)混合
//-----------------------------------------------------------------------------
// resource_url function returns the parameter as url(#{resource[\'<parameter>\']})
// and should be used instead of CSS url() or compass image_url() in JSF applications.
// Define JSF Resource Library resource[\'standard:

@function resource_url($url) {
  @return url + \"(\\#{resource[\'test:#{$url}\']})\";
}
用法:
background: resource_url(\'img/footer_trenner.gif\') no-repeat center left;
    

要回复问题请先登录注册