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

时间:2011-08-22 15:46:55

标签: javascript css

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

有关

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

enter image description here

1 个答案:

答案 0 :(得分:2)

Try this

  

eg

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