Статьи

5 простых способов решения проблем прозрачности IE6

Март 16, 2019

Вы создаете идеальный сайт в Photoshop, используя последние тенденции. Половина фонов содержит непрозрачность 50% для имитации глубины. Единственная проблема связана с тем чертовски старым IE6 и тем, как он решает отобразить неприятный серый фон. Вы пытаетесь найти решение в Интернете, но есть десятки вариантов. Как вы знаете, какие методы являются лучшими?

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


Блок PNG Fix

  • Где я могу скачать его? ЗДЕСЬ
  • Вопросы? : Он не правильно размещает прозрачные фоновые изображения. Вместо этого он будет растягивать ваш образ. Не большая проблема, но будьте осторожны. Помимо этой причуды, этот метод работает отлично. Я использую это больше, чем другие.

DD_BelatedPNG Fix

  • Где я могу скачать его? ЗДЕСЬ
  • Вопросы? Ничего не стоит отметить. Каждое исправление имеет несколько причуд, но это новое исправление может оказаться лучшим на данный момент.

IE7.js Fix

  • Где я могу скачать его? ЗДЕСЬ
  • Вопросы? : Вы обнаружите, что этот файл больше других. Это потому, что решение проблем с прозрачностью — это только часть того, что он делает! Это также приводит многие другие недостатки IE6 к современным стандартам. Имейте это в виду при выборе. Если вы хотите показать только прозрачность, это может быть не лучшим выбором.

Фикс Твин Хеликс (от Ангуса Тернбулла)

  • Где я могу скачать его? ЗДЕСЬ
  • Вопросы? : Ангус обновил этот файл за последние шесть месяцев; Теперь он правильно реализует background-repeat / position! Вместо того, чтобы ссылаться на файл Javascript, это исправление требует использования свойства CSS «поведение».

Не исправляйте это! Сделать заявление!

Некоторые люди могут предпочесть игнорировать IE6 все вместе — как способ сделать заявление. Я оставляю это на ваше усмотрение. Однако ваше решение должно отражать вашу аудиторию. Если вы хотите показать предупреждение пользователям IE6, вы можете использовать метод browser () jQuery для обнаружения IE6.

1
2
3
4
5
if ($.browser.msie && $.browser.version == 6.0) {
alert(«Upgrade your browser, you big dummy!);
} else {
document.write(‘this is just for testing. Remove the «else» statement.’);
}

34
Share: