0

我根本无法让这段代码工作。我想在每个页面上放置不同的背景图像。我认为我应该通过创建不同的类选择器来做到这一点,然后将它们放在每个页面的正文标签中,而不是使用内联样式元素。

这是我的 CSS 类选择器:

    .contact-grad
{
        background-image:url('images/Backgrounds/contact-grad.png');
        position:absolute;
        left:0px;
        top:0px;
        z-index:-1;
}

在这里,我将其放在 html 中以供联系:

<body id="contact-grad">

如您所见,它不起作用。

让我知道发布整个 html 和 css 是否对我有帮助。我无法让任何背景图像工作。我将我的代码放入 w3 验证器,并得到一个“解析”错误。嗯……

谢谢!

4

2 回答 2

1

身体有一个 id 'contact-grad' 但你在 css 中的选择器在一个类上(这就是点的作用)。尝试改用哈希“#”。如在

#contact-grad
{
    background-image:url('images/Backgrounds/contact-grad.png');
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
}

附录资源是 CSS 选择器的良好入门。

于 2013-03-08T15:20:01.957 回答
0

.contact-grad用于课程,#contact-grad用于您的id="contact-grad".

您不应该将身体作为绝对位置,最好在身体内使用 div ;)。

于 2013-03-08T15:20:31.497 回答