只要屏幕变小,我的背景图像就会不断消失。我想让它响应。
这就是我的 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>