javascript - 如何使用 jQuery 操作图像 - 仅限水平

Question

我想在鼠标悬停时操作图像，只有宽度改变，但高度保持不变。我看到图像 Canvas 与实际图像不符，所以我再也看不到他的手了。我怎样才能拉伸(stretch)宽度？

http://jsfiddle.net/Z8knE/3/

div
{    
    background-image: url( http://t2.gstatic.com/images?q=tbn:ANd9GcQmloy1dlrNWhp8Y2u3lEKYEnLvJAqWVhggUIrA_QwRxjenmus-Ww);
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    height:150px;
    width:150px;
}

Answer 1

尝试这样的事情:

JSFIDDLE

您不需要使用 jQuery，只需使用纯 CSS。

删除:

background-size:100% 150px;

...并添加:

max-height:150px;