背景图像无显示（Laravel，CSS）

Question

所以我有这个图像，它在我正在工作的网页的主页面上工作，但是当我尝试在每个页面中将图像设置为此按钮重定向时：

<a href="{{url('building', $building->id)}}"class="btn btn-primary btn-sm">Offices</a>

它没有显示我将png文件放在公用文件夹中的任何背景图像

这是主页的css工作

.buildingbg{
  background-image: url("bldg.png");
  background-repeat: repeat-y
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-weight: 100;
  height: 100vh;
  margin: 0;

Answer 1

它不起作用的原因是你在CSS中使用页面相对路径。

它适用于您的主页，因为它是站点根目录。当您访问/页面或其他页面时，因为您正在使用页面相对路径，它将在/ page目录中查找该图像。

如果它在你的主页上工作，我假设你直接在公共/目录中删除了bldg.png，所以只需在前面添加一个斜杠即可使用站点相对图像路径。

 background-image: url("/bldg.png");

您应该将图像组织到公共目录中的文件夹中。