Как я могу заставить z-index работать над наличием навигационного стека поверх изображения?

Итак, я перепроектирую сайт joomla для клиентов. Оригинальный дизайнер закодировал сайт. У него установлен z-индекс навигации для относительного, а индекс z - 100. Фон изображения, который я создал для навигационной системы, находится в относительном положении и имеет индекс z в 1. Но когда я помещаю навигацию над изображением он скрывается. Я не думаю, что индекс для навигационной системы вообще признается. Как я могу это исправить? Навигация находится в верхнем правом углу, кстати. Heres the site: www.sheasconsignanddesign.com

css
1 голос | спросил Starlight1992 23 J0000006Europe/Moscow 2015, 00:36:30

1 ответ


1

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

Макет главного меню

Есть несколько проблем с вашим подходом:

  1. Текущее главное меню расположено в совершенно другом контейнере (.artisteerheader), чем ваш логотип и фоновое изображение меню ( ---- +: = 1 = + ----). Событие, хотя можно перемещать главное меню за пределами его контейнера (и над другим), не делайте этого. Посмотрите, имеет ли ваш шаблон другую позицию модуля, так же, как и фоновое изображение логотипа /меню. Вы можете найти доступные позиции модулей для шаблонов Artisteer здесь: http://www.artisteer.com/? р = help_joomla # joomla4 .

  2. Использование изображения с фиксированными фонами меню - не очень хорошая идея. В некоторых браузерах он почти наверняка будет выглядеть неправильно (просто посмотрите на изображение выше, текст не идеально выровнен для каждой кнопки). Если вам нужен точный макет кнопок в качестве изображения, используйте изображение .png за каждым элементом .artisteerdeco.

Другой (лучший) вариант - использовать CSS для создания кнопок. Попробуйте использовать следующий код (и используйте простой черный фон для вашей основной строки меню):

li

Вы получите что-то вроде этого:

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

Главное меню CSS

Надеюсь, что помогает немного :)

ответил johanpw 23 J0000006Europe/Moscow 2015, 01:30:34

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132