CSS3Pie - это, безусловно, лучшее решение для получения закругленных углов в IE6 / 7/8. Лучшее в этом то, что он работает со стандартным CSS border-radius
, поэтому он полностью прозрачен для пользователя, если он использует любой другой браузер.
Я бы искренне рекомендовал это.
У него есть несколько известных проблем, но вы будете иметь то же самое или хуже с другими доступными решениями.
Однако я также от всей души рекомендую не беспокоиться о том, чтобы все излишества на вашем сайте работали с IE6. Конечно, заставьте сайт работать в этом браузере, но, честно говоря, попытка сделать так, чтобы он выглядел в IE6 так же, как в Chrome и Firefox, будет проигрышной битвой.
[EDIT]
И последнее замечание: я отмечаю, что ваша таблица стилей довольно часто использует селектор 'direct child' (>
) - например, .item > div {...}
. Обратите внимание, что этот тип селектора не поддерживается IE6. Ваши таблицы стилей будут плохо работать в IE6, как сейчас.
Единственный способ обойти это - использовать только пробел между вашими селекторами для «любого потомка». Это работает, но меняет смысл вашего CSS.
IE6 также не поддерживает :first-child
или :last-child
, оба из которых вы использовали. Фактически, у вас будут проблемы с обоими в IE7 и IE8 - :last-child
вообще не поддерживается ни в одной версии IE, кроме IE9, и хотя first-child
поддерживается в IE7 и IE8, он имеет серьезные ошибки, если вы используете его в динамическом контенте.