-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 宣言では、予期しない文字 '.''.' というエラーが引き続き発生します。見つかった。これらのドットを 1 つ上のフォルダーに配置しました。私は間違っていますか?この画像をページの背景に適用するにはどうすればよいですか?

ありがとう

4

2 に答える 2

1

fireBug のような Firefox 拡張機能を使用して同じものを検査し、背景画像が必要なタグ (クラスの有無にかかわらず) を選択し、新しいルールを追加してどの CSS を使用するかを確認することをお勧めします。その CSS ルールを取得し、スタイルシートに追加して背景画像を適用するだけです。それでおしまい。

于 2013-07-05T19:39:28.387 に答える