Кнопка 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'); 

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

См Transitions and Filters

Answer 2

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

http://css-tricks.com/css3-gradients/