Вкладки пользовательского интерфейса JQuery отображаются неправильно - Internet Explorer - PullRequest
1 голос
/ 23 февраля 2011

Я пытаюсь начать работу с вкладками пользовательского интерфейса Jquery, и у меня возникла проблема с демонстрацией, которую они имеют на своем сайте. Он работает нормально для меня на самом сайте, но когда я загружаю исходный код и все остальные файлы, чтобы запустить его на моем компьютере, он изначально правильно отображает так: Correct Tabs behavior но когда я нажимаю на любую из других вкладок, они отображаются так: Incorrect Tabs behavior

Нажатие на крайнюю левую вкладку всегда заставляет вещи выглядеть правильно, но нажатие на другие вкладки приводит к тому, что обведенные линии не отображаются. У меня это отлично работает в Firefox и Chrome. Кто-нибудь еще видел что-то подобное раньше?

Буду очень признателен за совет.

Спасибо
-Марк

1 Ответ

3 голосов
/ 23 февраля 2011

Я нашел проблему.Это в JQueryUI CSS.Он определяет элементы .ui-tabs .ui-tabs-nav li следующим образом:

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }

, когда он должен быть

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em -1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }

т.е. 1px должен быть -1px для margin

...