背景图像无显示(Laravel,CSS)

所以我有这个图像,它在我工作的网页的主页面上工作但是当我试图把它放 此按钮重定向的每个页面中的背景图像:</ p>

 &lt; a href =“{{url('building',$ building-&gt; id)}}”class  =“btn btn-primary btn-sm”&gt;办公室&lt; / a&gt; 
</ code> </ pre>

它没有显示我将png文件放在公共文件夹中的任何背景图像< / p>

这是主页面的css工作</ p>

  .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;
</ code> </ pre>
</ div>

展开原文

原文

So I have this image and its working on the main page of the web that Im working but when I try to put image for background in every page that this button redirects:

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

It doesnt show any background image I put the png file in the public folder

This is the css for the main page its working

.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;

douqinlu4217
douqinlu4217 抱歉,我尝试在两个页面上都使用.buildingbg,主要工作但其他页面没有显示任何内容
接近 3 年之前 回复
duanluangua8850
duanluangua8850 我看到他们是完全相同的。那你为什么需要2css?
接近 3 年之前 回复

1个回答



它无效的原因是你在CSS中使用页面相对路径。 </ p>

它适用于您的主页,因为它是站点根目录。 当您访问 / page </ strong>或其他某些页面时,由于您使用的是页面相对路径,因此它会在 / page </ strong>目录中查找该图像。</ p>
\ n

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

  background-image:url(“/ bldg.png”); 
</ code> </ pre>

您应该将图像组织到公共目录中的文件夹中。</ p>
</ div>

展开原文

原文

The reason it is not working is you are using page relative paths in your CSS.

It works on your home page because that is the site root. As you visit /page or some other page, because you are using page relative paths it will look for the image in the /page directory.

If it is working on your homepage, I am assuming you dropped bldg.png straight in the public/ directory, so simply add a slash in front to use site relative image paths.

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

You should organize your images into a folder within the public directory though.

drxv39706
drxv39706 哦,谢天谢地
接近 3 年之前 回复
douhong6187
douhong6187 您仍在制作页面相对路径。 使用/(/images/bldg.png)为该路径添加前缀
接近 3 年之前 回复
dongshou1856
dongshou1856 它仍然无法使用我尝试将其放入公共场所和图像文件夹background-image中的页面:url(“images / bldg.png”);
接近 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问