Bootstrap css в IE

Question

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

Прямо сейчас .btn класс использует эту настройку для окрашивания фоновых градиентов.

background-color: #F5F5F5; 
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6); 

Вот что я добавляю для IE, но, похоже, он ничего не делает.

.btn{ 
background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0); 
} 

Answer 1

Вы всегда можете попробовать наложить прозрачный png, но обратите внимание, что он не работает в IE6.

Answer 2

Хотя вы можете использовать фильтр, если есть сплошной фон, IE будет использовать его вместо этого. (ОК технически не вместо этого, но эффект тот же)

Итак, попробуйте удалить фоновый цвет и посмотреть, работает ли это.

Answer 3

Peeking в руководстве, colorstr аргументов seem to expect AARRGGBB notation.

Цвет выражается в формате #AARRGGBB, где АА является значением альфа шестнадцатеричного, РР является красным шестнадцатеричным значением, GG является зеленый шестнадцатеричного значения, и BB - это синее шестнадцатеричное значение. Значение alpha контролирует непрозрачность объекта. Значение альфа 00 прозрачно, а значение FF непрозрачно.

Так что попробуйте

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', 
endColorstr='#ffe6e6e6',GradientType=0); 

Answer 4

Ok проблема была я загрузка таблицы стилей IE первой и цвет фона в bootstrap.css был перекрывая его. Спасибо за все предложения от всех.