我面临一个简单的问题,它占用了我很多时间。通过ID选择器不应用CSS背景图像样式
我有一个简单的CSS的图像定义为背景:
#header-content{
background-image: url("../images/header-img.png");
background-repeat: no-repeat;
background-position-x: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
而且DIV具有此ID的HTML页面:
<!-- HEADER -->
<div id="header">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div id="header-content">
</div>
</div>
</div>
</div>
</div>
<!-- HEADER -->
很简单。但图像没有显示。可能是什么问题呢?
P.S .:图像目录是正确的。
你的问题可能是'#header-content' div没有任何大小。尝试添加:'height:100px;宽度:200px' –
好,工作!但现在图像不是100%宽度。双方都有余地。 – Developer1903
做一些关于CSS –