Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

[РЕШЕНО] Косяк: меню поверх фото

При открытии фото - на фото накладывается меню сайта.
Посетитель
Apex
Сообщений: 3
Брянск
705 дней назад
Добрый день. Может кто сможет помочь... При открытии в галерее картинки - горизонтальное меню сайта оказывается и на фото, т.е. за фото не прячется

скрин:
Модератор Постоянный участник
samson
Медаль За активное участие в жизни сайта.
Сообщений: 948
6 дней назад
Apex, можно отрегулировать в стилях css если знаете что такое фаербаг (если не знаете смотрите в видеоуроках) наведите на меню, узнаете в какой строке css задано меню.
Там параметр z-index
Например для меню:

Код PHP:
  1.  
  2. .nav
  3. {
  4. background: #FFA436;
  5. background: linear-gradient(top, #FFB861 0, #FF910A 40%, #FF8F05 50%, #FF910A 60%, #FFB861 100%) no-repeat;
  6. background: -webkit-linear-gradient(top, #FFB861 0, #FF910A 40%, #FF8F05 50%, #FF910A 60%, #FFB861 100%) no-repeat;
  7. background: -moz-linear-gradient(top, #FFB861 0, #FF910A 40%, #FF8F05 50%, #FF910A 60%, #FFB861 100%) no-repeat;
  8. background: -o-linear-gradient(top, #FFB861 0, #FF910A 40%, #FF8F05 50%, #FF910A 60%, #FFB861 100%) no-repeat;
  9. background: -ms-linear-gradient(top, #FFB861 0, #FF910A 40%, #FF8F05 50%, #FF910A 60%, #FFB861 100%) no-repeat;
  10. background: linear-gradient(top, #FFB861 0, #FF910A 40%, #FF8F05 50%, #FF910A 60%, #FFB861 100%) no-repeat;
  11. -svg-background: linear-gradient(top, #FFB861 0, #FF910A 40%, #FF8F05 50%, #FF910A 60%, #FFB861 100%) no-repeat;
  12. -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
  13. -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
  14. box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
  15. border:2px solid #FFFFFF;
  16. border-top:none;
  17. margin:0 auto;
  18. position: relative;
  19. z-index: 100;
  20. text-align: right;
  21. }
  22.  
  23.  
Так вот здесь z-index: 100;
Если будите изменять число на большее или меньшее то соответственно будите или выносить вперед или убирать назад объект.


А можно попробовать у самого лайтбокса с фотографией регулировать, попробовать поставить больше чем в меню например z-index: 150;

Как то так. Должно сработать.
Редактировалось: 2 раза (Последний: 27 января 2013 в 17:14)
Постоянный участник
artnikov
Медаль За активное участие в жизни сайта.
Сообщений: 479
122 дня назад
Apex:
При открытии в галерее картинки - горизонтальное меню сайта оказывается и на фото, т.е. за фото не прячется
Samson- дело говорит. Я, кстати тоже заметил, Artisteer-4-1 , по умолчанию nav- выставляет с индексом 10 или 100, когда там вполне достаточно - 3 или 5. Могу пояснить (сам себе отвечу) - "новая потеха" программы- выставлять индекс неимоверный из-за последующих вставок в header изображений и произвольных меню. Так, чтоб меню не перекрывалось, оно по умолчанию и влазит везде. А вообще у галерей всегда z-index -9999. smile
Редактировалось: 1 раз (Последний: 27 января 2013 в 18:45)
Посетитель
Apex
Сообщений: 3
Брянск
705 дней назад
Apex: При открытии в галерее картинки - горизонтальное меню сайта оказывается и на фото, т.е. за фото не прячется Samson- дело говорит. Я, кстати тоже заметил, Artisteer-4-1 , по умолчанию nav- выставляет с индексом 10 или 100, когда там вполне достаточно - 3 или 5. Могу пояснить (сам себе отвечу) - "новая потеха" программы- выставлять индекс неимоверный из-за последующих вставок в header изображений и произвольных меню. Так, чтоб меню не перекрывалось, оно по умолчанию и влазит везде. А вообще у галерей всегда z-index -9999.
Спасибо, я тоже заметил что это произошло в версии 4-1, до этого нормально все было. Попробуем...
Редактировалось: 1 раз (Последний: 27 января 2013 в 21:04)
Посетитель
Apex
Сообщений: 3
Брянск
705 дней назад
У меня этот:
z-index: 100;
стоял аж "10000", поставил на "100" и все заработало!
|
Перейти на форум:

Реклама