Исправление CSS для ie6 нужна помощь! - PullRequest
2 голосов
/ 17 мая 2009

Я очень старался добиться закругленных углов с помощью вкладок IE6 + jquery ui.

Я подготовил эту страницу: http://jsbin.com/uzoko (без dd_roundies)

Конечно, закругленные углы работают в FF, но не в IE6. Потому что некоторые свойства, используемые в CSS, относятся к FF и Chrome.

Я задал этот вопрос вчера as well и, основываясь на этом предложении, я использовал библиотеку DD_Roundies. Однако образец страницы, которую я предоставил вверху, не имеет возможности добавить библиотеку DD_Roundies, поэтому я не могу действительно «показать», что именно не так со страницей, когда она открывается в css.

Но после реализации DD_Roundies я хорошо вижу закругленные углы в IE6. ОДНАКО, у меня есть следующие проблемы:

  1. ТОЛЬКО у «первых» вкладок, кажется, закругленные углы. Когда я нажимаю на вторую вкладку, она не имеет закругленных углов и поэтому не имеет третьей.
  2. когда я отхожу от первой вкладки, кажется, что граница с цветом # 990000.

Все это не происходит в FF @ # $% @ $ !!

Поскольку я не могу поместить библиотечный код DD_Roundies в jsbin, я выложу то, что у меня есть относительно dd_roundies, на мою страницу, здесь:

        DD_roundies.addRule('.ui-corner-all', '4px');
        DD_roundies.addRule('.ui-corner-top', '2px 2px 0px 0px');
        DD_roundies.addRule('.ui-corner-bottom', '0 0 4px 4px');
        DD_roundies.addRule('.ui-corner-right', '0 4px 4px 0');
        DD_roundies.addRule('.ui-corner-left', '4px 0 0 4px');
        DD_roundies.addRule('.ui-corner-tl', '4px 0 0 0');
        DD_roundies.addRule('.ui-corner-tr', '0 4px 0 0');
        DD_roundies.addRule('.ui-corner-br', '0 0 4px 0');
        DD_roundies.addRule('.ui-corner-bl', '0 0 0 4px');

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

Кроме того, как предложено в вопросе, который я задал вчера, я также попытался использовать изображения. Я использовал сайт Cornershop для создания двух изображений с закругленными углами. http://tinypic.com/r/30j1rgz/5 и http://tinypic.com/view.php?pic=50joqq&s=5 но с ними, когда я изменил раздел «Состояния взаимодействия» css и свойства .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited на следующий

background: #990000; 
font-weight: bold; 
color: #ffffff; 
text-decoration: none; 
outline: none;
background: url(nw.gif) no-repeat top left; 
background: url(ne.gif) no-repeat top right; 

тогда я получил еще более странные рестулы: (

1 Ответ

1 голос
/ 18 мая 2009

хорошо, после 2 часов работы я отказался от использования DD_roundies,
он просто плохо работает в сочетании с пользовательским интерфейсом Tabs.

Затем я попробовал другой плагин , который, как я знаю, должен работать, и проверил:
IE6, IE7, FF3

все работает хорошо!

См. Демонстрацию здесь

Я также изменил ваш CSS.
Поместите в комментарий весь раздел " Угловой радиус ". в этом нет необходимости.

Надеюсь, что это соответствует вашим потребностям:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...