Fatal编程技术网
  • image/
  • Image 背景图像-我的代码有什么问题？

Image 背景图像-我的代码有什么问题？

image css

Image 背景图像-我的代码有什么问题？,image,css,background-image,Image,Css,Background Image,我就是不能让这个代码工作。我想在每一页上放置不同的背景图像。我认为我应该创建不同的类选择器，然后将它们放在每个页面的body标记中，而不是使用内联样式元素 下面是我的css类选择器： .contact-grad { background-image:url('images/Backgrounds/contact-grad.png'); position:absolute; left:0px; top:0px;

我就是不能让这个代码工作。我想在每一页上放置不同的背景图像。我认为我应该创建不同的类选择器，然后将它们放在每个页面的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验证器，得到了一个“解析”错误。嗯

谢谢大家!

主体有一个id“contact grad”，但是css中的选择器在一个类上（点就是这样做的）。请尝试使用散列“#”。如

#contact-grad
{
    background-image:url('images/Backgrounds/contact-grad.png');
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
}
附录：
资源是CSS选择器的良好开端。

。contact grad
用于类，使用
\contact grad
用于您的
id=“contact grad”

你不应该让身体处于绝对位置，最好在身体内部使用div；）

哎呀，这里是网站。啊!！是的，我知道。我换了，但它还是不工作#联系人梯度{background image:url（'images/Backgrounds/contact grad.png'）；位置：绝对；左侧：0px；顶部：0px；z-index:-1；}hm，这很奇怪。当我将样式应用到webdeveloper工具中的body元素时，我会看到背景图像。验证页面时出现了什么“解析”错误？这是我的主页violetoeuvre.com的错误。解析错误/*类选择器：应用于任意数量的元素*/.box_nav{显示：块；背景：rgba（255255255.75）；宽度：1000px；高度：320px；填充：30px；边框：0px；页边距顶部：10px；页边距左侧：100px；}