html - 两段叠加一张图片

Question

大家好!在我的元素结束时，我有“Oferte speciale”..

我想要那个“Espresso lungAndo's food”将图像覆盖在顶部，“4lei in loc de 7lei”在底部。像这样:

谁能帮帮我？演示:http://kilometri.ro/brasovtour/bvtour

Answer 1

用这个 css 替换你的 css :

.top-text {
    background-color: #FFFFFF;
    left: 5px;
    line-height: 0.923;
    opacity: 0.7;
    position: absolute;
    top: 5px;
    width: 135px;
}
.oferta {
    border: 2px solid #BFBFBF;
    float: left;
    margin-right: 10px;
    max-width: 145px;
    min-height: 145px;
    position: relative;
}
.bottom-text {
    background-color: #FFFFFF;
    bottom: 5px;
    left: 5px;
    line-height: 0.923;
    opacity: 0.7;
    position: absolute;
    width: 135px;
}

注意:在提出问题时始终包含您的代码。