Скруглённые края блока в EI (border-radius)

[Epileptoid]

Пдскажите пожалуйста на реальном примере как решена проблема, что IE не понимает border-radius - http://eukanuba.com/en-US/product-landing/dog.jspx - у левого меню края скруглены. Если внимательно смотреть, то при загрузке страницы в IE они сначала квадратные, а потом скругляются. Как они добились этого?

[Vin]

PIE'ем или скриптом.

[USF]

http://css3pie.com/ изучайте

[Epileptoid]

Спасибо - буду изучать мат часть ))) это то что нужно!

[Seldon]

Еще есть интересная библиотека от Сергея Чикуенка: http://chikuyonok.ru/2009/02/rocon-more/

правда он помоему давно уже прекратил ее подержку.

Немного не по теме наверное - а вы не хотите попробовать подход "graceful degradation"? Если расматривать ситуацию с подержкой скругления уголков, то используется border-radius, а в старых ИЕ блок будет просто без них. Такое можно увидеть много где, в частности сталкивался, что jQuery UI для своих попапов так делает. Или на сайте того-же твитера: http://twitter.com/

[Vin]

Немного не по теме наверное - а вы не хотите попробовать подход "graceful degradation"? Если расматривать ситуацию с подержкой скругления уголков, то используется border-radius, а в старых ИЕ блок будет просто без них. Такое можно увидеть много где, в частности сталкивался, что jQuery UI для своих попапов так делает. Или на сайте того-же твитера: http://twitter.com/

До недавнего времени серьёзные сайты делали всё картинкой и "одинаково во всех браузерах", border-radius использовали только на порталах для красноглазых гиков продвинутых пользователей. Сейчас всё меняется. Если с квадратными углами дизайн не будет явно испорчен, можно и забить.

Ещё такая штука есть — JQuery Corner. Только такими вещами лучше не злоупотреблять. Если элементов много, IE7-8 с их староватыми JS-движками могут просто повиснуть.