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 或其他某些页面时，由于您使用的是页面相对路径，因此它会在 / page 目录中查找该图像。

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

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

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

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

1 个答案: