当我的页面/视图变小时,图像会不断消失

时间:2016-06-30 12:22:12

标签: html css responsive-images

每当屏幕变小时,我的背景图像就会消失。我想让它变得敏感。

这就是我的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>

1 个答案:

答案 0 :(得分:1)

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