Question

我们是来自丹麦IT班的10名丹麦人，我们发现css中的背景图像并不像我们想要的那样......也许有人可以帮助我们吗？

我个人并没有解决这个问题，但是我的朋友雅各布（他忙着自己，所以他不能自己写这个）已经像过去一小时那样用来弄清楚它是如何运作的。他发现的是，当你给它一个像：

这样的URL时它会起作用

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

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

background-image: url("images\background.jpg");

它不会工作，我们尝试了一些不同的东西，比如放入文件的完整目的地，比如你知道的“c：/desktop/website/images/background.jpg”（可能无效，我只是输入所以你会明白我的意思是完整的目的地。

任何人都知道这不起作用的原因或原因？

顺便说一句，我们在.css文件的HTML标记中执行此操作，如：

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

Answer 1

您正在使用反斜杠（\）而不是正斜杠（/）。另外要记住的是你应该给出正确的图像路径。如果您的css文件和图像位于相同的文件夹中，那么

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

如果您的css位于css文件夹内，并且在同一目录中，您的图像位于images文件夹中，那么您可以这样做

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

试试这个：

pow

Answer 4

只需写下：

背景：网址（ '../图像/ background.jpg'）;

添加更多css：

背景尺寸：盖;最小高度：400像素;宽度：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');

在css中找出背景图像时遇到一些麻烦

5 个答案: