Question

我的CSS图片未显示。文件结构中的一切都是相对的。

＆＃13;

.header-container {
  position: relative;
  width: 100%;
  min-height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('/images/header.jpg');
  text-align: center;
  color: white;
}

＆＃13;

<div class="header-container">
    <div class="header-content">
        <div class="header-content-inner">
            <h1 id="homeHeading">Your Favorite Source of Free Bootstrap Themes</h1>
            <hr>
            <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>
            <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
        </div>
    </div>
</div>

＆＃13;

Answer 1

您正在使用/到您的图片路径。删除/之前images / header.jpg然后重试。没有/它对我来说很好。你必须正确的图像路径。

CSS背景图片没有显示

1 个答案: