html - 缩小我的页面/ View 时图像不断消失

Question

只要屏幕变小，我的背景图像就会消失。我想让它响应。

这是我的 CSS 代码:

#heading {
  text-align: center;
  color: white;
  background: url('#someimage') top center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size:cover; 
  margin-bottom: 0 !important;
}

这是我的 HTML 代码

<header>
    <div class="jumbotron text-center" id="heading">
        <div class="container intro-text">
        <div class="row">
        <div class="main col-xs-12">
            <h1>Name</h1>
            <hr class="separator separator-light">
            <h2 class="subhead">Name <i class="fa fa-laptop"></i> Name <i class="fa fa-lightbulb-o"></i> Name</h2>
            </div>
            </div>
        </div>
    </div>
</header>

Answer 1

请尝试添加 "background-size:100%" 而不是 "background-size:cover"