如何将背景图像始终保持在100％高度div的底部？

Question

这个问题与此有关。 如何用div填充屏幕上的可用高度以适应任何高度？

如何将背景图像始终保持在100％高度div的底部？ 我只想显示背景图像的特定部分？

Answer 1

试试这个 ：

的HTML：

<div id='a'>
    <div id='b'></div>
</div>

CSS：

#a, html, body{
    height: 100%;
}
#a {
    width: 300px;
    background-color: #dde;
    border: 1px solid #99c;
    position:relative;
    overflow: hidden
}

#b {
    width: 50px; 
    height: 50px;
    background-color: #99c;
    border: 1px solid #54a;
    position: absolute;
    bottom: -25px;
    left: 125px;
}

您实际上需要将bg图像添加到b 。