Question

嘿伙计们我试图通过我的CSS文件设置标题，但不知何故它不起作用..

header {
    position: relative;
    width: 100%;
    color: white;
    background: rgba(28, 36, 65, 0.93);
    background: url('/assets/images/header.jpg');
    background-size: cover;
}

我尝试使用此网址或“../ images/header.jp”，但两者都没有加载图片。如果我手动导航到www.myurl.com/assets/images/header.jpg，文件就会存在并呈现。

这里有什么问题？

Answer 1

您可能遗漏了/

试试这个：

background: url('/assets/images/header.jpg');

Answer 2

这取决于主css文件的实际位置。尝试将其更改为：

background: url("/assets/images/header.jpg");

或者看看这个快速指南： https://css-tricks.com/quick-reminder-about-file-paths/

Answer 3

尝试使用这样的东西。如果存在任何路径问题，您可以尝试添加../../path-to-image/img.png

＆＃13;

.header {
  position: relative;
  width: 100%;
  color: #fff;
  background: rgba(28, 36, 65, 0.93) url('http://dummyimage.com/100x100/000/');
  background-size: cover;
}

＆＃13;

<div class='header'>
  <h1>Ihara</h1>
</div>

＆＃13;

如果有任何问题，请回来。

Answer 4

伙计们我很抱歉我搞砸了......我编辑了我的实际CSS的副本......当我在实际的css文件上做的时候一切正常。

我很抱歉

播放中的Css不会加载标题

4 个答案: