Как сделать так, чтобы jQuery UI выглядел лучше в IE?

Question

Я прочитал CSS-фреймворк jquery ui:

http://jqueryui.com/docs/Theming/API

И найдите, что некоторые настройки css недействительны в IE:

.ui-corner-all {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}

Есть ли способ исправить такую ​​ситуацию?

Answer 1

border-radius просто не действителен IE. У вас есть два варианта:

1. Примите, что лучшие браузеры дадут лучший результат
2. Забудьте о современном CSS и используйте фоновые изображения для создания закругленных углов.

См. Страницы Википедии на Прогрессивное улучшение и Изящное ухудшение .

Answer 2

Я нахожу это интересным. Я только что закончил читать блог о дизайне, который на днях указал, что в кругах веб-дизайна определенно ложная логика.

Эта ложь заключается в том, что веб-сайты должны выглядеть одинаково во всех браузерах. Давайте будем честными, IE 6 был выпущен в 2001 году? Это почти десятилетие. Клиентам кажется довольно абсурдным ожидать поддержки 9-летней системы, которая была неполноценной и глючной после выпуска.

Я больше не поддерживаю IE6 в своих личных веб-проектах, и в настоящее время это вовсе не редкость. Посмотрите любой медиа-блог Gawker, вы даже не сможете комментировать, если у вас не выше IE6.

Теперь некоторым клиентам требуется совместимость с IE6. Например, мое рабочее место заблокировано для IE6 по корпоративным причинам, и до тех пор, пока определенные поставщики не обновят и не разрешат IE7 +, то 6 - это то, что мы должны использовать. Тем не менее, я бы не стал зацикливаться на глазах пользователей IE6. Я бы посоветовал им обновить, если это возможно, или просто сказать им, что некоторые функции не поддерживаются. Особенно если речь идет только о косметике.

Тем не менее, Curvy Corners - это плагин JQuery, который ищет эти собственные CSS-декларации и создает изогнутые углы без изображения в IE6. Имейте в виду, что происходит значительное количество манипуляций с DOM, поэтому это приведет к замедлению страниц с большим количеством закругленных углов.

Answer 3

Есть несколько способов подделать IE для использования некоторых новых фантастических свойств CSS3.

Этот сайт объясняет, как это сделать, если вас интересует только закругленные углы, согласно вашему примеру.

Answer 4

Этот css не подходит для IE, вам придется использовать изображения для создания закругленных углов.