Я очень старался добиться закругленных углов с помощью вкладок IE6 + jquery ui.
Я подготовил эту страницу: http://jsbin.com/uzoko (без dd_roundies)
Конечно, закругленные углы работают в FF, но не в IE6. Потому что некоторые свойства, используемые в CSS, относятся к FF и Chrome.
Я задал этот вопрос вчера и, основываясь на этом предложении, я использовал библиотеку DD_Roundies. Однако образец страницы, которую я предоставил вверху, не имеет возможности добавить библиотеку DD_Roundies, поэтому я не могу действительно «показать», что именно не так со страницей, когда она открывается в css.
Но после реализации DD_Roundies я хорошо вижу закругленные углы в IE6. ОДНАКО, у меня есть следующие проблемы:
- ТОЛЬКО у «первых» вкладок, кажется, закругленные углы. Когда я нажимаю на вторую вкладку, она не имеет закругленных углов и поэтому не имеет третьей.
- когда я отхожу от первой вкладки, кажется, что граница с цветом # 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;
тогда я получил еще более странные рестулы: (