JQuery 移动端：有一个按钮拉伸的背景图片

Question

我有一张图片用作登录按钮的背景。我希望这样，当按钮的大小发生变化时，图像会被拉伸以继续填充按钮。有什么办法吗？

提前致谢。

这是按钮的 CSS 代码：

.Submit{width : 25% !important; background-image:       url("/intranet_mob/images/login.png")

按钮的HTML代码：

<button type="submit" class="Submit"></button>

Answer 1

使用 css 属性 background-size:100% 100%;

演示 等待 5 秒以查看更改；

https://jsfiddle.net/dz4d52tg/

Css

#btn {
width:100px;
background: url("http://s30.postimg.org/i4ikqcy59/demo.png");
background-repeat: no-repeat;
background-size:100% 100%;
}

这里有更多信息

http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=50%25