在CSS中弄清楚背景图像时遇到了一些麻烦

Question

我们大约是丹麦的IT班的10个丹麦人，我们发现CSS中的背景图像事物并不像我们想要的那样工作。也许有人在那里。可以帮助我们吗？

我个人还没有解决这个问题，但是我的朋友雅各布（他忙于ATM，所以他不能自己写这个）像过去一个小时一样弄清楚它的工作原理。他发现的是，当您给它提供一个URL时，它有效：

background-image: url("i.imgur.com/AO4oM9a.jpg");

它可以正常工作，但是如果您尝试使用本地文件：

background-image: url("imagesbackground.jpg");

它不起作用，我们尝试了一些不同的事情，例如放入文件的完整目的地，例如" c：/desktop/website/images/images/background.jpg"，您知道（可能无效，我只是输入了一些东西，所以你会理解我的意思是完整的目的地）。

任何人都知道这是不起作用的或为什么不起作用的？

顺便说一句，我们正在.css文件中的HTML标签中进行此操作，例如：

html { background-image: url("imagesbackground.jpg"); }

Answer 1

您使用的是后斜线（）而不是前向斜杠（/）。还有其他要记住的事情是，您应该给出正确的图像路径。如果您的CSS文件和映像在同一文件夹中，您可以喜欢

html { 
   background-image: url("background.jpg"); 
}

如果您的CSS在CSS文件夹中，并且在同一目录中，您的图像在图像文件夹中，则可以这样做

html { 
   background-image: url("../images/background.jpg"); 
}

Answer 2

尝试这样使用：

html { background-image: url("/images/background.jpg"); }

或

html { background-image: url("images/background.jpg"); }

Answer 3

尝试这个：

html { background-image: url("../images/background.jpg"); }

Answer 4

只是写：

背景：url（'../images/background.jpg'）;

添加更多CSS AS：

背景大小：封面；最小值：400px;宽度：100％； 背景位置：中心中心;

请参见下面的工作示例：

/*--CSS--*/
	.image-box{background:url("https://cdn.pixabay.com/photo/2014/03/22/22/05/sunbeam-292987_960_720.jpg");
		background-size:cover;
		min-height:300px;
		background-repeat:no-repeat;
		background-position:center center;
	}

<!--HTML-->
	 <div class="image-box">
		<h1>This example</h1>
	</div>

Answer 5

这可能会有所帮助：

始终记得在style.css（CSS文件）中提供背景图像，如果您别无选择，请在HTML中定义它，并始终将图像和CSS文件保留在文件夹名称资产中，然后您可以轻松地将它们拨出。

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