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

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

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

  • CSS3PIE
  • IE7.js
  • Экстендер
  • dd_roundies
  • радиус границы.htc (изогнутый угол)
  • ie-css3.htc
  • ie-css3.js

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

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

Author: mawtex, 2010-08-17
Source

3 answers

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

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

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

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

Экстендер Аарона Густафсона Работает с IE6, 7 и 8. Модульным способом добавлена поддержка селекторов CSS3, шрифта, радиуса границы, тени, цветов и преобразований. Очень хорошо задокументировано. Более подробная информация на http://ecsstender.org/extensions

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

Граница-радиус.htc Ремиза Ранаса Очень простая поддержка радиуса границы. Более подробная информация на http://code.google.com/p/curved-corner/

Ie-css3.htc от Ника Фетчака Некоторая поддержка радиуса границы и тени текста. CSS3PIE утверждает, что делает границы радиуса лучше. Более подробная информация на http://www.fetchak.com/ie-css3/

 8
Author: mawtex, 2010-09-08 22:50:59

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

 3
Author: Alex, 2010-08-18 08:18:26

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

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

 0
Author: Dan Fabulich, 2010-10-23 02:30:09