Як увімкнути функції CSS3 в Internet Explorer 6, 7 та 8?

Хоча 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 і наскільки добре? Хтось із них явний переможець?

Оскільки ще ніхто не підходив, я спробую дати відповідь на це. Він здебільшого зібраний з читання http://css3pie.com/documentation/product-comppare/ та гуглювання навколо. У мене є лише досвід роботи з CSS3PIE. Якщо ви знаєте будь-який з інших проектів, сміливо редагуйте це

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

тобто-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, такі як батько> дитина та: перший тип, фіксоване позиціонування, підтримка ширини / висоти макс / хв / хв. Моє враження, що багато років у цьому було вкладено багато робіт. Деякі відгуки справді позитивні, деякі зневажливі. Більше інформації на http://code.google.com/p/ie7-js/

ecsstender від Aaron Gustafson Працює з IE6, 7 і 8. Модульно додає підтримку для селекторів CSS3, шрифту, обличчя, рамки, тіні, кольорів та перетворень. Дуже добре документовано. Більше інформації на http://ecsstender.org/extensions

DD_roundies від Drew Diller Додає деяку підтримку радіусу кордону та png. Більше інформації на http://www.dillerdesign.com/experiment/DD_roundies/

border-radius.htc від Remiz Rahnas Дуже проста підтримка радіуса кордону. Більше інформації на http://code.google.com/p/curved-corner/

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

Ось приємна стаття щодо CSS3 та IE6 з журналу Smashing: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

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

РЕДАКТУВАННЯ. Ви навіть можете використовувати бібліотеку JS, яку надає Google, щоб показувати повідомлення користувачам, запрошуючи їх встановити Google Chrome Frame. Це встановлення одним кліком, як Flash, не вимагає перезавантаження браузера та оновлення сторінки після її завершення.