Question

我有一个页面，我已经将style.css应用到它，并且在该主体中默认给出了一个背景图像，该图像将通过将css文件添加到该页面而自动设置。但是我希望所有格式都相同，但我想改变身体背景图像。

那么我需要做些什么才能覆盖css格式？

我在style.css给出了：

body
{
     background: url(images/bg.jpg) repeat-x #e4e9ec top;
}

但我想要bg.png作为它的背景所以我用过：

<body background="images/noise-bg.png">

有什么办法吗？

Answer 1

这样的事情应该有效：

<body style="background-image: url(images/noise-bg.png)">

就特异性而言，style属性应该比样式表中定义的样式更具体。

enter image description here

Answer 2

设置background-image属性。

Answer 3

您可以为站点中的页面的body标记提供不同的id属性。

例如，您可以使用主页：

<body id="home">

对于另一个页面，您可以使用：

<body id="other">

显然，这些ID名称只是示例，请使用对您的网站最有意义的名称。

然后在CSS中，您可以定位特定页面，如：

body#home {
  background: url(images/bg.jpg) repeat-x #e4e9ec top;
}

对于另一个页面，您可以使用：

body#other {
  background: url(images/another-bg.jpg) repeat-x #e4e9ec top;
}

希望有所帮助。