JQuery Mobile:拥有拉伸按钮的背景图像

时间:2015-04-10 15:47:12

标签: html css jquery-mobile

我有一个图像用作登录按钮的背景。我喜欢这样,当按钮的大小改变时,图像被拉伸以继续填充按钮。有没有办法这样做?

先谢谢。

这里是按钮的CSS代码:

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

按钮的HTML代码:

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

1 个答案:

答案 0 :(得分:0)

使用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