2015-04-10 3 views
0

У меня есть изображение, используемое в качестве фона для кнопки входа. Я бы хотел, чтобы при изменении размера кнопки изображение растягивалось, чтобы продолжить заполнение кнопки. Есть ли способ сделать это?JQuery Mobile: наличие фонового изображения кнопки растяжения

Спасибо заранее.

Вот CSS код кнопки:

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

И HTML код кнопки:

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

ответ

0

Используя свойство CSS background-size:100% 100%;

Demo ожидания 5secs, чтобы увидеть изменение;

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

+0

Это работает прекрасно, спасибо за помощь –

Смежные вопросы