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

2023年3月1日 194次阅读

这个问题与此
How to fill the the available height on screen with the div for any height?有关

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

最佳答案
Try this：

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

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.

点赞