javascript - 如何通过图像的顶部增加高度并保持底部固定？

Question

我想用 jQuery 调整图像 HTML 的大小。

很简单elt.css({height: '42px'})，但是我的问题是图片放大在底部，即图片的顶部没有移动，而且是拉伸(stretch)或捷径的底部。

喜欢这里:http://jsfiddle.net/763wumr0/

使用绝对编辑:http://jsfiddle.net/763wumr0/12/

我想用另一种方式来做!图像的底部是固定的，增加或减少的是图像的顶部。

我该怎么做？

谢谢。

Answer 1

用绝对定位？

http://jsfiddle.net/OxyDesign/pss3ysru/

CSS

.img-container{
    width: 50px;
    height: 50px;
    position:relative;
}
.img-bottom
{
    width: 50px;
    height: 50px;
    position:absolute;
    bottom:0;
    left:0;
}