-1

我正在使用 javaee jsf 页面。我有一个名为 main.xhtml 的页面。这里是：

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://xmlns.jcp.org/jsf/html"  >
<h:head>
    <title>Facelet Title</title>
</h:head>
<h:body>

        <a href="editinfo.xhtml">Edit Account</a>
        <a href="createaccount.xhtml">Create new account</a>

</h:body>
</html>

我正在尝试向页面添加背景图像。为此，我首先尝试了身体部分：

 <h:body background-img="../images/background.jpg" >

但它不起作用，没有这样的属性称为 background-img。然后我创建了一个名为styles.css 的css 文件。

.main
{
    background-image: url('../images/background.jpg');
}

并编辑了 main.xhtml：

<h:body style="../src/java/css/styles.css" >

但是这个 body 声明仍然给出一个错误，说意外字符 '.''.' 成立。我把这些点放在一个文件夹上。我做错了吗？如何将此图像应用到我的页面背景？

谢谢

4

2 回答 2

1

我建议您使用像 fireBug 这样的 firefox 扩展来检查相同的内容，然后选择您想要背景图像的标签（有或没有类），然后添加一个新规则来查看它需要哪个 css。只需采用该 CSS 规则，添加样式表并为其应用背景图像。而已。

于 2013-07-05T19:39:28.387 回答
1

使用内联CSS

<h:body style="background-image: url(../images/background.jpg)" >
</h:body>
于 2013-07-05T20:13:55.207 回答