Rounded corners in IE6,7 only - альтернатива border-radius для Firefox и Safari

Как и многие из всех верстальщиков, я ненавижу браузер Internet explorer любой версии, но тем не менее, наши "динозавры" (Люди - чайники) пользуются этими конченными браузерами. В современных браузерах, таких как FireFox и Safari закругленные углы можно задавать с помощью CSS3. Так вот, недавно передо мной встала задача сделать закругленные углы у выпадающего меню в IE6, потратил на это целые сутки, но всетаки нашел решение, это - скрипт DD_roundies. Итак, приступим к обзору данного скрипта!

  1. Качаем сам скрипт внизу этой страницы.
  2. Добавляем в него следующую строку:
    DD_roundies.addRule('.myContainer', '8px');, где .myContainer - класс вашего контейнера, для которого вы хотите применить эффект закругленных углов.
  3. Теперь подргружаем css файл через .info файл вашей темы - ui.all.css (В данном файле подгружаются еще 3 css файла через @import, все нужно положить в одну и ту же директорию).

Вот и все! Данный скрипт работает только в ИЕ6,7. Для Файрфокса или Сафари юзаем border-radius.

AttachmentSize
Архив с демонстрацией скрипта (Внутри все нужные скрипты)40.4 KB
Оригинальная демка. Если есть время - можете повозиться с ней131.59 KB