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">

ETC...

然后，在您的媒体查询中，CSS 将是：

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

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