Html 如何覆盖css以提供背景图像？_Html_Css

Html 如何覆盖css以提供背景图像？

html css

Html 如何覆盖css以提供背景图像？,html,css,Html,Css,我有一个页面，我已经将style.css应用到它，在这个主体中默认提供了一个背景图像，它将通过向该页面添加css文件自动设置。但在这方面，我希望所有格式相同，但我想改变身体背景图像那么我需要做什么来覆盖css格式呢在style.css中，我给出了： body { background: url(images/bg.jpg) repeat-x #e4e9ec top; } 但是我想要bg.png作为背景，所以我使用了： <body background="images/no

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

那么我需要做什么来覆盖css格式呢

在

style.css

中，我给出了：

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

但是我想要bg.png作为背景，所以我使用了：

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

有什么办法吗？

设置

背景图像

属性。

设置

背景图像

属性。

类似的操作应该可以：

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

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

您可以在此处阅读有关CSS特性的更多信息：

类似的内容应该可以：

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

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

您可以在此处阅读有关CSS特性的更多信息：

您可以为站点中的页面的body标记赋予不同的id属性

例如，对于您可以使用的主页：

<body id="home">

<body id="other">

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

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

希望能有所帮助。

您可以为站点中的页面的正文标记指定不同的id属性

例如，对于您可以使用的主页：

<body id="home">

<body id="other">

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

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

希望这能有所帮助。

那你为什么不直接更改css呢？添加

！重要信息

flag？@capture-因为在我的所有其他页面中，我都必须使用该背景图像。@Thew-对不起，先生，你说的我不明白。@user2659972ღ 正如您在fiddle中看到的，添加

！重要信息

在您的css代码将凌驾于任何给定内容之上之后<代码>！重要信息将覆盖所有内容，即使已多次给出，也将使用最后一个给定的

！重要信息

。为什么不更改css呢？添加

！重要信息

flag？@capture-因为在我的所有其他页面中，我都必须使用该背景图像。@Thew-对不起，先生，你说的我不明白。@user2659972ღ 正如您在fiddle中看到的，添加

！重要信息

在您的css代码将凌驾于任何给定内容之上之后<代码>！重要信息将覆盖所有内容，即使已多次给出，也将使用最后一个给定的

！重要信息

。先生，它可以工作，但当我给它

repeat-x#e4e9ec top

时，它不起作用。图像尺寸较小，因此我必须使用repeat-x。先生，它可以工作，但当我将

repeat-x#e4e9ec top

交给它时，它不工作。图像尺寸较小，因此我必须

使用repeat-x

。将其设置为其他值。将其设置为其他值。