Mootools Fx.Slide и CSS стили?
Я играю с эффектами Mootools Fx.Slide для некоторых выпадающих меню. Я использовал их раньше без проблем, но по какой-то причине теперь кажется, что, как только я устанавливаю новый элемент Fx.Slide для элемента, он портит мои стили CSS. Вот загруженный пример...
Вы можете увидеть разницу в моих стилях выпадающего меню. Все мои стили применяются в первую очередь с помощью этой таблицы стилей, и строка, которая, кажется, портит мои стили, - это строка № 19 в этом скрипте menu.js (здесь вставка того же самого, с номерами строк.).
Разница между этими двумя примерами заключается только в строке № 19 в menu.js, которую, как вы можете видеть, я прокомментировал в первом примере... subNav[index] = new Fx.Slide(subNav[index], {duration: 200});
Опять же, странная вещь заключается в том, что я использовал Fx.Slide на других сайтах (например, выпадающие меню на этом сайте), и это никогда не мешало моим стилям. Любой совет?
1 ответ
Это из-за того, как настроены ваши стили.
Fx.Slide добавляет div вокруг вашего ul, Поэтому ваш ul перестает получать свои стили от #header #nav > ul > li > ul потому что он больше не является прямым потомком #header #nav > ul > li,