Question

我正在使用JSF 2.0资源管理机制。在/ webapp / resources下，我有3个子文件夹：图像，脚本，样式。在我的模板文件myLayout.xhtml中，我将样式表引用如下

    <h:outputStylesheet name="styles/styles.css"/>

我将所有背景图片放在styles.css文件中，如下所示：

    body {
           background: #fff url(../images/body_background.png) repeat -x;
    }

    #header {
           background: transparent url(../images/header_bg.png) no-repeat top right;
    }

我的所有页面facelet都位于子文件夹/ webapp / facelets下，而模板文件位于/ webapp / template下。我的facelet page.xhtml引用模板如下：

   <ui:compsition .... template="/template/myLayout.xhtml">

然后页面布局正确，但缺少所有背景图像。我检查了日志，发现了以下错误：

    java.io.FileNotFoundException: SRVE0190: File not found: /javax.faces.resource/images/body_background.png
    java.io.FileNotFoundException: SRVE0190: File not found: /javax.faces.resource/images/header_bg.png

然后我从

更改css文件中的url引用

    url(../images/body_background.png)

要 URL（/ I

Answer 1

您需要在EL中通过#{resource}引用CSS图像资源，以便它将打印正确的JSF资源URL。

body {
    background: #fff url(#{resource['images/body_background.png']}) repeat -x;
}

#header {
    background: transparent url(#{resource['images/header_bg.png']}) no-repeat top right;
}

使用h：outputStylesheet时未渲染的图像

1 个答案: