Кнопка Internet Explorer CSS

Question

Я использую градиент для цвета фона моей кнопки, и это работает только в браузерах не IE. Я пытаюсь установить сплошной цвет фона для IE. Когда я помещаю фоновый стиль перед градиентами фона в таблице стилей, он просто не отображается. Когда я размещаю его после, он переопределяет градиент во всех браузерах.

Без него моя кнопка полностью прозрачна. Может кто-нибудь помочь мне разобраться, как придать цвет фона только IE? (версии 8 и 9) Или еще лучше .. установить градиент?

Вот CSS, который работает в браузерах, кроме IE. Сплошной цвет фона вообще не отображается:

button {
        background: #3485bf;
    background: -moz-linear-gradient(
        top,
        #59a3d4 0%,
        #3485bf);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#59a3d4),
        to(#3485bf));
}

Answer 1

попробуйте использовать фильтры.Что-то вроде

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59a3d4', endColorstr='#3485bf');

должно выполнить эту работу за вас.

См. Переходы и фильтры

Answer 2

Эта ссылка объясняет, как заставить работать градиенты во всех современных браузерах, а затем включить отступающие цвета фона, если в старых браузерах:

http://css -tricks.com / CSS3-градиентов /