Question

我需要将不同的背景图像应用于主页＆lt; html＆gt;标记和网站的内部页面。为了做到这一点，引用必须是唯一的。

不使用class或id，如何区分标签？

我尝试了这个，但它没有验证：

<html class="inside"...

谢谢！

Answer 1

将该类添加到body元素中，该元素有效。

然后做

body.inside {
    background-image: url(/path/to/it.png) repeat;
}

Answer 2

如果你在谈论不同页面的不同背景图片，我想你需要为你想要的每个不同背景创建一个不同的样式表，并确保从每个页面中包含相应的样式表。

Answer 3

每个不同页面的内联样式表：

<style> html { background-image: url(someimage.png); } </style>

Answer 4

你想要这个：

CSS:
#home { background: ... ; }
body { background: ... ; }

HTML:
<body id="home">

</body>

Other pages:
<body>

</body>

Answer 5

您应该考虑使用ID。这样，您可以在CSS文件中保留对背景图像的所有引用。例如。

#background-main  { background-image:url(background-main.jpg) }
#background-page1 { background-image:url(background-page1.jpg) }
#background-page2 { background-image:url(background-page2.jpg) }

然后，您只需要引用要显示的背景图像的ID。 E.g。

<body id="background-main">

或者，您可以使用类。

这种方法可以让您更轻松地维护您的网站。

如何将不同的背景图像应用于标签？

5 个答案: