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

  • 8 Ответов
  • 348 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

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

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


Как можно это исправить или хотя бы направьте в какую сторону копать.
« Последнее редактирование: 24.12.2015, 16:24:05 от alekssandr89 »

*

Оффлайн dmitry_stas

z-index у фона меньше чем у логотипа. либо увеличьте z-index для фона, либо уменьшите для логотипа
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

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

*

Оффлайн dmitry_stas

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

*

Оффлайн Taatshi

#jquery-overlay  поставьте z-index 20000
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.

#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;
      }

*

Оффлайн dmitry_stas

если ставить 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;
}
Выставил так и всё стало как должно быть.