0

このコードを機能させることはできません。各ページに異なる背景画像を配置したい。インライン スタイル要素を使用するのではなく、さまざまなクラス セレクターを作成し、それらを各ページの body タグに配置することで、これを行う必要があると思います。

これが私のcssクラスセレクターです:

    .contact-grad
{
        background-image:url('images/Backgrounds/contact-grad.png');
        position:absolute;
        left:0px;
        top:0px;
        z-index:-1;
}

そして、ここで連絡先のhtmlに入れました：

<body id="contact-grad">

ご覧のとおり、機能していません。

html と css 全体を投稿することが役立つかどうかお知らせください。背景画像を機能させることができません。コードを w3 バリデーターに入れたら、「解析」エラーが発生しました。うーん...

ありがとうございました！

4

2 に答える 2

1

本文には「contact-grad」というIDがありますが、CSSのセレクターはクラスにあります（ドットが行うことです）。代わりにハッシュ「#」を使用してみてください。のように

#contact-grad
{
    background-image:url('images/Backgrounds/contact-grad.png');
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
}

補遺: このリソースは、CSS セレクターの優れたスターターです。

于 2013-03-08T15:20:01.957 に答える
0

.contact-gradはクラス用#contact-gradですid="contact-grad"。

体を絶対位置として持つべきではありません。体の中に div を使用することをお勧めします;)。

于 2013-03-08T15:20:31.497 に答える