2013-03-08 28 views
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验证器,并得到一个“解析”错误。嗯...

谢谢!

+0

糟糕,这里是网站。 http://violetoeuvre.com/contact.html – Claire 2013-03-08 15:18:03

回答

1

身体有一个id'contact-grad',但是你的选择器在css中是一个类(这就是点的作用)。尝试使用哈希'#'代替。在

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

附录This资源是CSS选择器一个很好的入门。

+0

啊!是的,我知道这一点。我切换它,但它仍然无法正常工作! #contact-grad { background-image:url('images/Backgrounds/contact-grad.png'); position:absolute; left:0px; top:0px; z-index:-1; } – Claire 2013-03-08 15:37:20

+0

嗯,这很奇怪。当我将样式应用于web开发工具中的body元素时,我会看到背景图片。验证页面时会得到什么“解析”错误? – 2013-03-08 15:42:10

+0

这是我的主页,violetoeuvre.com。 解析错误/ *类选择器:适用于你喜欢的任意数量的元素*/