1

現在、私はこのコードを使用して、通常のサイトで再生されるビデオの代わりに静止画像の背景を呼び出しています。

media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
         html{
           background: url('img/background.jpg') no-repeat center center fixed !important;
           background-size: cover;
           height: 100%;
         }
}

ページごとに異なる画像を利用したいのですが、どうすればこれを実現できますか？

ありがとう。

4

1 に答える 1

2

各ページの本文タグに異なるIDを指定すると、それぞれを異なる画像でターゲティングできます。

HTML：

<body id="homepage">

<body id="about">

等...

次に、メディアクエリ内で、CSSは次のようになります。

body#homepage {
    background-image: url('img/homepageBackground.jpg');
}

body#about {
    background-image: url('img/aboutBackground.jpg');
}
于 2012-09-06T15:45:59.333 に答える