Проблема с увеличенными картинками. не затемняется меню - Общие вопросы и ошибки

Ребята нужна ваша помощь.
В общем когда нажимаешь на увеличение картинки товара, задний фон затемняется но не весь там где логотип и меню всё остаётся активным и не затемненным.

Вот ссылка можете посмотреть что происходит http://genmc.ru/index.php/kruiz-kontrol-dlya-mashin-s-epg/kkduster


Как можно это исправить или хотя бы направьте в какую сторону копать.

z-index у фона меньше чем у логотипа. либо увеличьте z-index для фона, либо уменьшите для логотипа

z-index у фона меньше чем у логотипа. либо увеличьте z-index для фона, либо уменьшите для логотипа

Спасибо за быстрый ответ, так если бы он был меньше то и в компоненте К2 всё отображалось бы плохо. А там всё в порядке. Напрмер поробуй здесь кликнуть по картинке там меню уходит на задний фон. http://genmc.ru/index.php/avtomobili/rgblentaandroid

какое отношение K2 (и z-index для его лайтбокса) имеет отношение к ЖШ ? было бы тоже плохо, если бы z-index Lightbox К2 был меньше. мне даже смотреть ничего не надо, это просто без вариантов z-index

#jquery-overlay  поставьте z-index 20000

#jquery-overlay  поставьте z-index 20000

В общем там z-index стоял 90, если ставлю больше 100 то картинка затемняется а меню остается активным, т.е светлым. Это получается надо найти z-index меню и уменьшить его? если ставить z-index 20000 то вообще всё становиться тёмным

Нашёл вот такой кусок кода но если их менять ничего не меняется. Файл menu.less
   // Dropdown styling
   .dropdown-spacer {
      display: block;
      position: absolute;
      z-index: 100;
   }
   .dropdown {
      margin: 0 auto;
      padding: 10px 0;
      position: absolute;
      opacity: 0;
      left: -999em;
      text-align: left;
      .transition(opacity 0.3s ease-in);
      z-index: 100;
      -webkit-backface-visibility: hidden;
      .flyout {
         display: block;
         margin-left: @menu-flyout-side-space;
         margin-top: -5px;
      }

если ставить z-index 20000 то вообще всё становиться тёмным

потому что фон вы выдвинули вперед, а про саму картинку #jquery-lightbox забыли. дайте ему больше чем #jquery-overlay

а если по поводу меню - у вас там оно закешировано видимо. сбросьте кеш.

Огромное спасибо ребята всё получилось! Что бы я делал без вас =)
#jquery-overlay {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 20000;
   width: 100%;
   height: 500px;
}
#jquery-lightbox {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 20000;
   text-align: center;
   line-height: 0;
}
Выставил так и всё стало как должно быть.