Выпуск z-index для темы WordPress Twenty Eleven с jQuery ColorBox

Question

Вкл. http://allmyzip.com/colorbox1/ есть простая галерея изображений с плагином jQuery Colorbox / Lightbox для Wordpress, который открывает автоматически запускающееся слайд-шоу размером 500 x 500 изображений при нажатии на одну из миниатюр.

На сайте используется Wordpress 3.3.1 и стандартная немодифицированная тема Twenty Eleven версии 1.3, которая устанавливается по умолчанию с новой установкой Wordpress. В IE 9, Firefox 10 и в Chrome 16 все три браузера показывают слайд-шоу за заголовком / навигационной панелью.

Я исследовал это в течение многих часов и не могу найти, что изменить и / или где исправить эту проблему. Я создал простую дочернюю тему, чтобы попытаться проверить определенные изменения значения z-index в разделе style.css, показанном ниже, как рекомендовано некоторыми исследованными предложениями, но изменив значение z-index здесь на 2 или на 999 или на 99999 до сих пор не получил изображения в слайд-шоу для правильного отображения. Итак, ВСЕ CSS, работающие с сайтом, на 100% стандартные, готовый CSS-код Twenty Eleven.

Простой код в дочерней теме ограничен тем, что вы видите ниже: В настоящее время в стандартный код НЕТ изменений. Ниже показано, где я попробовал некоторые предыдущие изменения, а затем вернули настройки обратно к стандартному:

`@ import url (" ../ twentyeleven / style.css ");

#branding { border-top: 2px solid #bbb; padding-bottom: 10px; позиция: относительная; z-index: 9999; }

Какие-либо особенности относительно того, что должно быть отредактировано и где ??

Большое спасибо !!

Answer 1

Заголовок id = branding имеет z-индекс 9999, который совпадает с лайтбоксом, поэтому я ожидаю конфликтов.

Измените его на 5000 или что-то подобное, я вижу в firebug, что это решает проблему.

Answer 2

Мне кажется, что

.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
border-image: initial;
}

может потребоваться включить

position:absolute;
z-index:20;