在CSS中添加图像

Question

我已经使用Dreamweaver一段时间了，并且暂时不需要在css中手动添加图像。我需要在没有Dreamweaver的计算机上编辑一些东西，我看不出问题所在。我的所有CSS都与我的html文档正确链接。我的图片位于桌面上名为“images”的文件夹中。该图像被称为“golf.jpg”代码

header .fullheight {
background-image: url(images/golf.jpg);
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;

}

我觉得我在我面前丢失了一些东西，但看不出问题。所有帮助表示赞赏！

Answer 1

可能需要添加引号：

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

或者你应该弄清楚什么是根目录才能理解路径是否正确。

Answer 2

您写道：＆＃34;我的图片位于桌面上的一个文件夹中，名为＆＃34;图像＆＃34;。＆＃34;

所以这只有在CSS文件本身也在桌面上时才有效。 （我不建议 - 至少为您网站项目的所有文件创建一个文件夹）

Answer 3

好吧，你应该将你的图像存储在： 电脑＆gt; xampp＆gt; htdocs＆gt;图片 （如果你正在使用xampp）

此外，您应该为您的属性

添加引号

     `background-image: url("images/golf.jpg");