<style> span.input { display:inline-block; background-image: url('http://s1.uploads.ru/i/71qdN.png'); background-repeat: no-repeat; background-position: 0 center; background-size: 100% 100%; } input { color: #fff; font-size: 16px; font-weight:700; background-color: transparent; background-image: url('http://javascript.ru/forum/images/smilies/smile.gif'); background-repeat: no-repeat; background-position: 0 center; width: 120px; height: 30px; </style> <span class="input"><input type="button" value="Жми" /><span> |
не совсем подходит такой вариант :)
градиент в моем случае должен быть градиентом, а не картинкой ( я бы давно уже так сделал бы |
svs_js,
Чисто любопытство - в чем проблема с картинкой - она же растянута ? ![]() И по вертикали и по горизонту |
Deff,
зачем картинка? SVG можно использовать как картинку, так же задавая ее через data:URI, проблема лишь в том что он не сможет ипользовать множественное количество картинок в ИЕ9, потому что он не поддерживает эту возможность. |
вот онлайн конструктор CSS3 градиентов для всех браузеров http://www.colorzilla.com/gradient-editor/
|
Братюни, а почему бы не использовать <button> и не парить мозги?
|
Часовой пояс GMT +3, время: 09:19. |