javascript - 多张背景图片

我想/需要为不同的 html 页面分配不同的背景图像意味着

index.html -> 背景图像:index.jpg
about.html -> 背景图像:something.jpg
...等等

因此我想问问最好的方法是什么，特定页面的背景不是随机的。有没有 CSS 或 JavaScript 或什至不知何故的方法。现在我为 html 文件中的每个页面设置背景

<body style="background-image:..." >...

感谢任何帮助或想法。

最佳答案

您可以将类添加到html 或body 标记。

html:

<html class="page-type-about">
<body>

并且在您的 CSS 中，您可以根据该类指定背景。我还要添加一个默认值。这样，您只需为那些具有不同于默认背景图像的页面指定不同的图像。

body {
  background-image: url(default-image.png);
}

.page-type-about body {
  background-image: url(about-page-image.png);
}

关于javascript - 多张背景图片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23814490/