Question

目前我只是想把一个图像作为背景放到div上。我可以通过输入http://example.com/storage/uploads/icons/heart.png在我的浏览器中访问该图片，但我不确定在background-image: url("");写什么，因为我使用Laravel作为后端，我不确定我默认在文件夹层次结构中的确切位置。

Answer 1

A）如果http://example.com/不是您网域的根目录：

background-image: url("http://example.com/storage/uploads/icons/heart.png");

例如：

div {
  width: 100px;
  height: 100px;
  background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRDAYrQr9qgT2W00EV_CoCahFki3Vw4lSMNt81k9FCSTXoKT8TY2w");
  background-size: 100% 100%;
}

<div></div>

B）如果http://example.com/是您的域名，那么取决于storage文件夹的html文件位置，例如：if path storage文件夹和html文件相同，请使用：

background-image: url("storage/uploads/icons/heart.png");

C）如果路径html文件为：http://example.com/HtmlFolder/index.html且路径image为http://example.com/storage/uploads/icons/heart.png，请使用../文件夹回去：

background-image: url("../storage/uploads/icons/heart.png");

Answer 2

您可以使用标签的 url（）或href =＆＃34;＆＃34; 属性在Html中添加任何图像作为背景。正如您提到的一个Web链接，您可以将与参数相同的链接传递给上述属性之一，只要您的应用程序具有Internet访问权限，它就能正常工作。

不确定如何在背景图像中设置正确的图像路径

2 个答案: