gradiend и background-image

[svs_js]

Всем привет
Есть <input type="button" />

Для него в цссе задан градиент, скругления и т д
И нужно поверх градиента наложить картинку в виде маленькой стрелочки.
Не могу найти правильное решение. В случае, если б кнопка была Дивом, это без проблем с помощью шейпов, а вот с инпутом такая ситуация не проходит Кто что думает по этому поводу ?

[devote]

<style>
    input {
        background-image:
            url('http://javascript.ru/forum/images/smilies/smile.gif'),
            -o-linear-gradient( left, #ff0, #00f );

        background-image:
            url('http://javascript.ru/forum/images/smilies/smile.gif'),
            -ms-linear-gradient( left, #ff0, #00f );

        background-image:
            url('http://javascript.ru/forum/images/smilies/smile.gif'),
            -webkit-linear-gradient( left, #ff0, #00f );

        background-image:
            url('http://javascript.ru/forum/images/smilies/smile.gif'),
            -moz-linear-gradient( left, #ff0, #00f );

        background-image:
            url('http://javascript.ru/forum/images/smilies/smile.gif'),
            linear-gradient( left, #ff0, #00f );

        background-repeat: no-repeat;
        background-position: 0 center;
        width: 200px;
        height: 100px;
    }
</style>
<input type="button" value="Жми" />

[svs_js]

даа, спасибо

[svs_js]

к сожалению, данная конструкция не работает в ИЕ. Версия 9+

[devote]

в ИЕ. Версия 9+

само собой, потому что в ИЕ9 нет градиентов.

[svs_js]

да, но ведь у нас есть вот что

filter: progidXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */


а в сочетании с картинкой для ие 6-9 не получается версии 6-8 меня не интересуют, а вот 9 хотелось бы сделать.. так как не знаю, как сочитать filter с background-image

[devote]

юзайте SVG

[svs_js]

в таком случае проще было б Дивами все сделать. а SVG ..... Мы ж не будем иметь Инпут.. нужно добавлять новый тег.. тег Object. Что нельзя в данном случае.

[wawandas]

может PIE.htc выручит

[Deff]

Проще поставить фон картинкой с заранее сделанным градиентом и использовать background-size: 100% 100%;
http://htmlbook.ru/css/background-size