странная белая линия

Question

Когда я пробую следующий скрипт:

http://jsfiddle.net/mYx5y/23/

Я вижу странную белую линию на заднем плане, а не серую.

Почему это происходит?

Answer 1

Это происходит во всех браузерах, а не только в IE8.Слегка вводящий в заблуждение вопрос.

Вам нужно добавить overflow: hidden к #tabs, чтобы очистить поплавки - demo .

Если вы хотите, чтобы белый ушел, также добавьте background: none - демо .

Answer 2

это отступ вашего #tabs div. Измените padding-top: 10px; на margin-top: 10px; и оно исчезнет.

-edit-

Вы правы: это из-за отступа, который все еще установлен на 10 пикселей для всех сторон. Установите отступы и поля #tabs следующим образом:

padding:10px;
padding-top:0;
margin-top:20px;
padding-bottom:0px

Белая линия исчезнет.

Answer 3

Попробуйте изменить отступы для #tabs на 0 ...

#tabs { border:none; padding:0px; padding-top:0px; padding-bottom:0px;  }

Answer 4

Это исходит из jquery-ui.css файла (line 62). Просто переопределите его с помощью

.ui-widget-content { background:transparent; }
.portlet-content { background-color:#fff; }

Демо: http://jsfiddle.net/Marcel/NA9Xx/2/