Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使背景图像始终位于100%高度div的底部?_Javascript_Css - Fatal编程技术网

Javascript 如何使背景图像始终位于100%高度div的底部?

Javascript 如何使背景图像始终位于100%高度div的底部?,javascript,css,Javascript,Css,这个问题与此有关 如何使背景图像始终位于100%高度div的底部我只想显示背景图像的特定部分? : html: 您需要将bg图像实际添加到b <div id='a'> <div id='b'></div> </div> #a, html, body{ height: 100%; } #a { width: 300px; background-color: #dde; border: 1px solid #

这个问题与此有关

如何使背景图像始终位于100%高度div的底部我只想显示背景图像的特定部分?

html:

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

<div id='a'>
    <div id='b'></div>
</div>
#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;
}