Arhn - архитектура программирования

Как применить градиент к элементу с правильным отображением в IE9?

Я хочу применить градиент к моему элементу. Я использую меньше, чтобы сделать это.

Для IE9 я использую следующий css:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@FirstColour, endColorstr=@SecondColour)";

где @FirstColour=#b7d4ee и @SecondColour=#7a9eca;

Это такой градиент: введите здесь описание изображения

Но в IE9 с определенным выше стилем css я вижу такой градиент: введите здесь описание изображения

Когда страница загружается в браузере IE9, мой less не компилируется (не знаю, почему) и отображается в:

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@FirstColour', endColorstr='@SecondColour')

Как получить нормальное отображение градиента в IE9 с меньшим использованием?


Ответы:


1

Используйте генератор градиентов здесь. Он предоставляет все решения для градиентов для всех браузеров, включая IE. Инструкция описана там

07.02.2014
  • это ошибка градиента IE9. Я нахожу информацию, что я могу использовать только svg для создания градиента в этой версии IE. Но я не могу его использовать, потому что использую меньше переменных. Эпический провал :( 07.02.2014

  • 2

    Попробуйте создать градиент отсюда:

    http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html

    07.02.2014
    Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..