Как работать с вкладками пользовательского интерфейса jQuery в IE 6

Question

Я не очень хорошо разбираюсь с CSS, но с большим количеством проб и ошибок я сделал эту страницу, которая имеет вкладки jQuery UI и выглядит несколько прилично:

Однако, когда я открываю эту страницу в IE 6, к моему разочарованию, вкладки, кажется, не имеют изогнутых углов.

На работе прямо сейчас у них очень плохая реализация вкладок, потому что они создают вкладки с тегами, и это выглядит грязно. Кроме того, они в настоящее время достигают изогнутых углов вкладки, имея два изображения GIF. Я видел вкладки jQuery UI во многих блогах, поэтому решил работать с ним, но теперь у меня проблемы.

Может кто-нибудь взглянуть на страницу и сказать, как исправить это для IE 6?

Answer 1

Вы можете использовать угловой плагин , который использует CSS, когда это возможно, если навигатор не поддерживает округления с помощью CSS (например, 6), округления с использованием JavaScript.

Answer 2

Вы используете

 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;

оба свойства настраиваются для Firefox и веб-набора (Safari и Chrome)

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

В этом сообщении в блоге Мэтта Берсета вы найдете пример, как это сделать, но в основном вы должны назначить фоновое изображение с закругленным углом вкладке.

Еще один способ сделать это по этой ссылке

Кстати, HTML-код веб-страницы, на которую вы ссылаетесь, очень грязный, с двумя html, body and head тегами