Question

我正在尝试添加图片作为背景。我相信以下代码是正确的，但它不起作用。请有人帮帮我。我的图像位于文件夹图像中，与index.html位于同一目录中。

body{
    background-image:('images/background.jpg');
    background-repeat: repeat;
    background-attachment:fixed;
}

在之前的项目中，我有以下内容：此代码有效，但上面的代码没有。我无法理解为什么

body{
background-color:white;
color:#404040;
font-size:11pt;
font-family:Georgia, Garamond, serif;
background-image:url("images/silverware.jpg");
background-repeat:repeat;
background-attachment:fixed;
}

Answer 1

它无法正常工作，因为您在背景图片属性中遗漏了网址前缀：

body{
    background-image:('images/background.jpg');
    background-repeat: repeat;
    background-attachment:fixed;
}

应该是：

body{
    background-image:url('images/background.jpg');
    background-repeat: repeat;
    background-attachment:fixed;
}

Answer 2

答案在你的第二个代码示例中。错过了＆＃39; url＆＃39;参数

background-image:url('images/background.jpg');

还要确保您的图片路径正确

Answer 3

图片网址是相对于css文件而不是你的html文件。因此，如果您的文件结构如下所示：

文件夹

-CSS

-images

-js

-index.html

然后你需要将../添加到你的background-image网址。在这种情况下，它看起来像这样：

body{
    background-image: url('../images/background.jpg');
    background-repeat: repeat;
    background-attachment:fixed;
}

***编辑：实际上背景图片属性的缺失网址部分是问题。

热将图像作为背景放在CSS中

3 个答案: