0
添加背景形状的图像,我有以下代码使用伪选择
.about-img-top {
padding-top: 39px;
padding-left: 95px;
}
.about-img {
padding-top: 39px;
padding-left: 30px;
}
.Rectangle-2-Copy {
width: 526px;
height: 248px;
background-color: #f4f4f4;
z-index: -1;
bottom: 0;
position: absolute;
margin-left: 64px;
}
<div class="col-md-7">
<img src="https://cdn.zeplin.io/588714a1f51baed2b98908bc/assets/C2477822-CF77-4CC3-966D-37305572AC79.png" class="about-img-top img-responsive " alt="payment_gateway_company">
<div class="Rectangle-2-Copy">
</div>
</div>
这工作得很好,我不得不在它的CSS属性添加一个空div。
但我可以做到这一点,而不使用空的div?通过添加几个CSS的图像它自我?
这是我试过
https://jsfiddle.net/74s293wt/
我是新来的HTML/CSS,我已经试过几个谷歌搜索,但没有帮助。
喜欢这个? https://jsfiddle.net/74s293wt/2/ – Santi
@Santi编号我的小提琴生成的输出是正确的。但我想实现它使用CSS而不是一个空的div – Savitha
正确...看看我的小提琴中的HTML。空格不在那里,输出与你的相同。 – Santi