JQuery UI-вкладки виджет, изменение цвета фона с помощью CSS вызывает проблемы с отображением - PullRequest
Новая
       12

JQuery UI-вкладки виджет, изменение цвета фона с помощью CSS вызывает проблемы с отображением

1 голос
/ 08 апреля 2010

Я использую плагин jquery tabs и хочу, чтобы фон был светло-серым. В разделе css для вкладок я нашел эту строку кода, где я вручную добавил часть цвета фона: 

.ui-tabs .ui-tabs-panel { padding: 1em 1em; display: block; border-width: 0; background-color:#EEEEEE;}

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

У кого-нибудь есть идеи?

альтернативный текст http://www.redsandstech.com/ui_tab.jpg

Вот как выглядит HTML (теоретически): 

<div id="tabs_here">
   <ul>
      <li><a href="#" onclick="$('#T_1').html('Display the data');" >Item Groups</a>
      </li>
   </ul>
   <div id="T_1"></div>
</div>

1 Ответ

2 голосов
/ 08 апреля 2010

Это кажется простым, но иногда это простые решения, которые вы упускаете ... проверьте, указали ли #T_1 или #tabs_here конкретную высоту, или добавьте к ним overflow:hidden, чтобы проверить, похоже, ваш контент расширяется мимо них.

...