Что такое CSS для Internet Explorer?

Internet Explorer (IE) был браузером Microsoft, который использовал собственные CSS-свойства и фильтры для создания эффектов, которые ещё не были стандартизированы. Они включали специальные фильтры для градиентов, теней, прозрачности и трансформаций, которые работали только в IE. Хотя IE теперь прекращён, многие устаревшие веб-сайты всё ещё содержат этот устаревший CSS-код, требующий модернизации.

Зачем модернизировать CSS для IE?

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

Описание инструмента

IE CSS Modernizer автоматически преобразует устаревший CSS-код Internet Explorer в современный, соответствующий стандартам CSS. Он идентифицирует специфичные для IE свойства, фильтры и хаки, затем заменяет их современными CSS-эквивалентами, которые работают во всех текущих браузерах.

Возможности

  • Автоматическое преобразование - Обнаруживает и преобразует специфичный для IE синтаксис CSS в современные стандарты
  • Перевод фильтров - Преобразует IE-фильтры (градиенты, тени, прозрачность) в стандартный CSS
  • Удаление хаков - Идентифицирует и удаляет специфичные для IE CSS-хаки и обходные пути
  • Обновление префиксов - Заменяет устаревшие префиксы производителей на текущие стандарты
  • Мгновенный предварительный просмотр - Показывает преобразованный CSS немедленно для лёгкого сравнения
  • Функция копирования - Быстрое копирование модернизированного CSS в буфер обмена

Сценарии использования

  • Обслуживание устаревших веб-сайтов - Обновление старых веб-сайтов, разработанных для IE
  • Миграция кода - Модернизация CSS во время редизайна веб-сайтов или миграции платформ
  • Совместимость с браузерами - Обеспечение работы CSS во всех современных браузерах
  • Очистка кода - Удаление устаревшего специфичного для IE кода из таблиц стилей
  • Инструмент обучения - Понимание того, как CSS для IE переводится в современные стандарты
  • Контроль качества - Проверка наличия современных эквивалентов для устаревшего CSS

Общие преобразования IE CSS

Инструмент обрабатывает различные специфичные для IE CSS-паттерны:

  • Альфа-фильтры → свойство opacity
  • Фильтры градиента → linear-gradient() или radial-gradient()
  • Фильтры теней → свойство box-shadow
  • Матричные фильтры → свойство transform
  • Условные комментарии IE → Современное определение возможностей
  • Хак со звёздочкой (*) → Стандартные свойства
  • Хак с подчёркиванием (_) → Стандартные свойства
  • Селекторы для IE6/7 → Современные селекторы