-moz-linear-Gradient не работает на IE

Question

Я использую градиент в качестве фона:

-moz-linear-gradient(center bottom , #E8E8E8 0%, #F2F2F1 50%) repeat scroll 0 0 #F5F5F4;

Это не отображается в IE, я не нашел ссылок или чего-либо еще о том, что мне нужно делать, если браузер IE.

Есть идеи, как с этим справиться?

Answer 1

Возможно, вам будет интересно прочитать это: префикс или постхак .

В качестве состояния комментариев -moz- - это специфический префикс поставщика для Mozilla.

Если вас интересуют кросс-браузерные градиенты, я считаю, что проще всего использовать генератор градиентов для сортировки всех различных реализаций и префиксов.

Answer 2

это код градиента для всех браузеров

   /* IE10 */ 
background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

Вы можете использовать этот сайт для генерации градиента Конечный генератор CSS

это не поддерживается в IE9, поэтому вы можете сделать небольшой участок градиента и повторить его

Answer 3

Используйте фильтр gradient для IE:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff'); /* for IE */

Answer 4

Рисование линейного градиента с помощью CSS3 все еще экспериментально. Предоставленная вами функция CSS специфична для Mozilla, как указано в префиксе -moz. Но не все потеряно, поскольку у Microsoft есть и собственная реализация ( -ms-linear-Gradient )

На первый взгляд кажется, что вы можете просто скопировать эту строку и просто изменить -moz на -ms с почти идеальной совместимостью. Если у вас возникнут какие-либо проблемы, обратитесь к документации.