在css

中找出背景图片时遇到了一些麻烦，我们大约有10位来自丹麦IT课的丹麦人，我们发现css中的背景图像并不像我们想要的那样真正起作用。也许那里的任何人都可以帮助我们？在css

我个人并没有在这个问题上工作太多，但我的朋友雅各布（谁忙于atm，所以他不能自己写这个东西）像过去一小时一样使用它来弄清楚它是如何工作的。他的心得是，它的工作原理，当你给它就像一个网址：

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

它会工作得很好，但如果你有一个本地文件试试：

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

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

任何人都知道如何或为什么这不会工作？

顺便说一句，我们正在做的HTML标签中.css文件，如：

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

来源

2017-08-31 Andreas Lehmann-Poulsen

您需要安装本地网络服务器。然后你可以使用类似http：//localhost/mysite/images/background.jpg的东西。您可以根据您的操作系统下载LAMP或WAMP。 hav en god dag – Gerard

尝试使用这样的：

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

或者

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

来源

2017-08-31 09:52:13 kravisingh

尝试这一个：

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

来源

2017-08-31 09:58:38 rokz92

您正在使用反斜杠（\）而不是正斜杠（/）。另外要记住的是你应该给正确的形象路径。如果你的CSS文件和图像在同一文件夹后，可以像这样

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

如果你的CSS是CSS文件夹内，并在同一目录下，你有你的图像内的图像文件夹，那么你可以做这样的

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

来源

2017-08-31 09:58:53

只要写：

背景：网址（” ../图像/背景。JPG'）;

添加更多的CSS为：

背景尺寸：盖;最小高度：400像素;宽度：100％; background-position：center center;

参见工作示例如下：

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

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

来源

2017-08-31 10:17:55 Sangrai

这可能会帮助：

总是记得给背景图像中的style.css（CSS文件），如果你有没有选择，然后在HTML中定义它，并且始终将图像和css文件保存在文件夹名称资产中，然后可以轻松地将它们调出。

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

来源

2017-08-31 11:36:17

回答

相关问题