Question

我正在使用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" >

但是这个身体声明仍然会出现错误，说明意外字符'。'''。找到。我把这些点放到一个文件夹中。我做错了吗？如何将此图像应用到我的页面背景？

由于

Answer 1

我建议你使用像fireBug这样的firefox扩展来检查它，然后选择你想要背景图像的标签（有或没有类），只需添加一个新规则来查看它需要哪个css。只需获取CSS规则，添加样式表并应用背景图像。多数民众赞成。

Answer 2

使用内联 css

<h:body style="background-image: url(../images/background.jpg)" >
</h:body>

如何将背景图像应用于xhtml文件？

2 个答案: