Как включить функции CSS3 в Internet Explorer 6, 7 и 8?

18

Хотя IE9 выглядит очень многообещающе, IE6, IE7 и IE8, вероятно, будут преследовать нас в течение многих лет, замедляя распространение CSS3 в сети.

Ряд проектов на основе HTC и JS добавляют некоторую поддержку CSS3 в IE:

  • CSS3PIE
  • IE7.js
  • eCSStender
  • DD_roundies
  • border-radius.htc (изогнутый угол)
  • т.е.-css3.htc
  • т.е.-css3.js

У меня есть только опыт работы с CSS3PIE (делать округленные вещи на http://docs.composite.net/ ), и кроме эффектов наведения мыши, это работает хорошо и является чистым CSS3.

Какие функции CSS3 делают разные проекты в IE и насколько хорошо? Кто-нибудь из них явный победитель?

css3 internet-explorer-6 mawtex
источник
1
Почему бы не попробовать их все и сообщить нам, что вы найдете? Я уверен, что если у вас есть блог, это был бы отличный пост, который вызвал бы большой интерес.
Джон Конде
Я нашел это на сайте CSS3PIE css3pie.com/documentation/product-comparison, но я ожидаю, что это будет предвзятым, поэтому вопрос. Требуется немного опыта реального мира, чтобы получить хорошее чувство.
mawtex

Ответы:

8

Поскольку никто еще не подошел, я постараюсь дать ответ на это. Он в основном собран из чтения http://css3pie.com/documentation/product-comparison/ и поисков. У меня есть только опыт работы с CSS3PIE. Если вы знаете какой-либо из других проектов, не стесняйтесь редактировать это

CSS3PIE от Jason Johnston Добавляет хорошую поддержку Css3 border-radius, градиентов, box-shadow. Мой опыт показывает, что он работает довольно хорошо и имеет большую поддержку радиуса границы. Проблематично для парящих эффектов (я ожидаю, что все элементы в этом списке страдают от этого), но кажутся безупречными при использовании на статическом html. Более подробная информация на http://css3pie.com/

ie-css3.js от Keith Clark Добавляет поддержку множества селекторов псевдоклассов CSS3. Он очень маленький, так как он работает с другими включенными вами библиотеками js, такими как jQuery. Это может хорошо работать с другими проектами в этом списке, такими как CSS3PIE. Более подробная информация на http://www.keithclark.co.uk/labs/ie-css3/
ОБНОВЛЕНИЕ Проект ie-css.js возродился здесь: http://selectivizr.com/

IE9.js от Dean Edwards Работает для IE6, 7 и 8. Сделайте так, чтобы IE поддерживал прозрачный PNG, новые селекторы CSS, такие как parent> child и: first-of-type, фиксированное позиционирование, max / min ширина / высота. У меня сложилось впечатление, что за эти годы была проделана большая работа. Некоторые отзывы действительно положительные, некоторые пренебрежительные. Дополнительная информация на http://code.google.com/p/ie7-js/

ecsstender от Aaron Gustafson Работает с IE6, 7 и 8. Модульный способ добавляет поддержку селекторов CSS3, font-face, border-radius, box-shadow, цветов и преобразований. Очень хорошо задокументировано. Более подробная информация на http://ecsstender.org/extensions

DD_roundies от Drew Diller Добавляет некоторую поддержку border-radius и png. Более подробная информация на http://www.dillerdesign.com/experiment/DD_roundies/

border-radius.htc от Remiz Rahnas Очень простая поддержка border-radius. Дополнительная информация на http://code.google.com/p/curved-corner/

ie-css3.htc by Nick Fetchak Некоторая поддержка border-radius и text-shadow. CSS3PIE утверждает, что делает border-radius лучше. Более подробная информация на http://www.fetchak.com/ie-css3/

оборота мавтекс
источник
3

Вот хорошая статья, касающаяся CSS3 и IE6, от журнала Smashing Magazine: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

Alex
источник
3
Эта статья является отличным введением в "border-radius.htc", но по большей части это список CSS-фильтров только для IE, которые могут имитировать функции CSS3. Как веб - разработчик , я хотел бы, чтобы не писать много старых IE конкретного кода CSS, но сосредоточиться на стандартных CSS и имеют IE реагировать на это, как «границы-radius.htc» и «CSS3PIE» делает.
mawtex
0

Попробуйте Google Chrome Frame . Пользователи IE, которые его установят, смогут просматривать ваш сайт в Google Chrome, не переключая браузеры.

РЕДАКТИРОВАТЬ: Вы даже можете использовать библиотеку JS, предоставленную Google, чтобы показать пользователям сообщение с приглашением установить Google Chrome Frame. Это установка в один клик, как Flash, не требует перезапуска браузера и обновляет вашу страницу, когда это будет сделано.

Дан Фабулич
источник
Итак, ваше предложение состоит в том, чтобы как-то охватить всех людей, которые собираются в будущем посетить сайт плаката с вопросом с IE6 / 7/8, и заставить их установить Google Chrome Frame до их посещения? не будет ли проще просто заставить всех пользователей IE в мире переключиться на Chrome?
Nir
@Nir Я отредактировал, чтобы объяснить, как вы можете заставить своих пользователей устанавливать GCF с помощью библиотеки JS Google. Это довольно мило.
Дан Фабулич
даже при установке одним щелчком мыши (кстати, в Vista вам нужно одобрить 5 предупреждений о безопасности, чтобы установить Flash - столько всего за один клик) Я бы не мечтал попросить своих пользователей установить плагин для браузера, чтобы я мог использовать закругленные углы (и Я подозреваю, что единственные, кто установит, это те, кто действительно доверяет моему продукту и ему нравится - то есть те, кто будет покупать даже без закругленных углов).
Nir