Выпадающее меню CSS, Видимый не работает - PullRequest
0 голосов
/ 12 апреля 2011

РЕДАКТИРОВАТЬ: Просто если кто-нибудь в будущем найдет это, я обнаружил, что решение было изменить с использованием видимости: для отображения:, поэтому в коде

visibiliy: hidden;становится отображением: нет;visibiliy: видимый;становится отображением: блок;

Никогда не выяснил, почему именно эта видимость не работает на 4-й вложенности, но, по крайней мере, это, кажется, исправляет ее

Привет, ребята,

В настоящее время я работаю с выпадающим меню, которое создано с использованием некоторых CSS и списков.Он работает нормально, но по какой-то причине 4-й уровень этого меню не слушает видимость: скрытый;команда.В соответствии с инспектором элемента Элемент указан как включенный, но на самом деле он этого не делает.

Вот пример: http://dev.hutchup.com/test/css-dropdown.htm

Я не прошёл мимо кода, так как он слишком логичный и можетсм. ссылку выше

Как видно, ссылка первого уровня 2 при наведении на нее отображает уровни 3 и 4, когда она должна отображать только 3, а затем при наведении на li в 3 будет отображаться 4-яlevel.

Я знаю, что есть много более простых способов сделать эту / предварительно собранную вещь, но мне нужно сделать это таким образом, чтобы я мог использовать компонент ACL для joomla и не отображать пункты меню.

Я потратил несколько часов и не могу починить, поэтому заранее спасибо!

1 Ответ

0 голосов
/ 12 апреля 2011

Не уверен, но такое множество уровней вложенности - дело страшное, и в наше время, вероятно, лучше справиться с каким-нибудь простым JavaScript с запасным вариантом (особенно, если это тонны вложенных уровней), хотя я заметил две вещи;

  • Мне кажется, что вы не указываете какие-либо стили для четвертого уровня. Вы можете добавить несколько, чтобы увидеть, если это ваша проблема.
  • У вас есть немного CSS, который выглядит как это;

   .moduletable_topmenu ul.menu li.item69 a {
    height: 2.5em;
   }
   */

   /*
   .moduletable_topmenu ul.menu li.item89 {
    height: 3.7em;
   } 

   .moduletable_topmenu ul.menu li.item89 a {
    height: 2.5em;
   }

Эти элементы li.item[n] являются либо остатками чего-то другого, либо некоторыми будущими идеями, не реализованными, но они, безусловно, не относятся к рассматриваемому меню.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...