Question

我想把图片作为标题的背景，我尝试了这个并且它没有用。

＆＃13;

.header-fit {
  background-image: url('{{ asset('img/justice.jpg') }}');
  max-height: 100%;
  height: auto;
  width: 100%;
}

＆＃13;

<header id="home" class="header-fit">
  <div id="maincontent" class="container" tabindex="-1">
    <div class="row">
      <div class="col-lg-12">
        <div class="input-group">
          <input type="text" class="form-control" placeholder="@">
          <span class="input-group-btn">
            <button class="btn btn-default" type="button">Search</button>
          </span>
        </div>
      </div>
    </div>
  </div>
</header>

＆＃13;

Answer 1

如果图像路径正确

，我猜这个css会为你解决问题

.header-fit {
    background-image: url(img/justice.jpg);
    max-height: 100%;
    height: auto;
    width: 100%;
}

Here is您会阅读有关background-image属性

使用情况的一些信息

如何将图像放在标题laravel中

1 个答案: