Проблема с тенью и Z-индексом

Question

Я создаю страницу, которая будет загружена на другую страницу через ajax. Он имеет верхнюю панель и таблицу под ней, которая находится внутри плагина полосы прокрутки jquery.

Проблема, с которой я, похоже, сталкиваюсь, заключается в том, что верхняя полоса имеет тень под ней, которую вы можете видеть только тогда, когда нижняя таблица прокручивается над белыми строками (белыми, потому что у них нет фона ).

Вот демо, о котором идет речь (лучше всего проверить с помощью firebug)

Я попытался установить z-индекс верхней панели без удачи. Я также попытался установить z-индекс панели прокрутки jquery div - , которая работала , но не давала возможности щелкать строки таблицы.

Я сделал небольшое представление о том, о чем говорю:)

Answer 1

Вы не можете установить z-индекс верхнего бара, не установив сначала его положение относительно или абсолютно. Прикладная «позиция: относительная»; чтобы # content-placeholder исправил это для меня.

Answer 2

Это работает для меня в firebug.

table.tablesorter tbody tr.odd {
    box-shadow: 0 0 5px 0 #BABABA;
    position: relative;
    z-index: -1;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #EAEAEA;
    border: 1px solid #FFFFFF;
    font-size: 8pt;
    padding: 4px;
    position: relative;
    z-index: -1;
}