Question

我根本无法使用此代码。我想在每个页面上添加不同的背景图像。我想我应该通过创建不同的类选择器，然后将它们放在每个页面的body标签中，而不是使用内联样式元素。

这是我的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验证器，并得到一个“解析”错误。唔...

谢谢！

Answer 1

正文有一个id'contact-grad'，但你在css中的选择器是在一个类上（这就是dot所做的）。尝试使用散列'＃'代替。如在

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

<强>附录： This资源是CSS选择器的良好入手。

Answer 2

.contact-grad适用于某个班级，#contact-grad使用id="contact-grad"。

你不应该把你的身体当作绝对位置，最好在身体内使用div;）。

背景图片 - 我的代码出了什么问题？

2 个答案: