我有一个图像用作登录按钮的背景。我喜欢这样,当按钮的大小改变时,图像被拉伸以继续填充按钮。有没有办法这样做?
先谢谢。
这里是按钮的CSS代码:
.Submit{width : 25% !important; background-image: url("/intranet_mob/images/login.png")
按钮的HTML代码:
<button type="submit" class="Submit"></button>
答案 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