У меня навигация работает почти так, как я хочу. Единственная оставшаяся проблема, которую я не могу понять, — это маленькое изображение стрелки, которое я использую во вложенной навигации, которая указывает, что она содержит вложенную навигацию другого уровня.
ul#css3menu ul span {
background-image: url("images/arrowsub.png");
padding-right: 28px;
}
ul#css3menu ul span:hover {
background-image: url("images/arrowsubhover.png");
padding-right: 28px;
}
Когда вы наводите курсор на каждую вложенную навигацию со стрелкой, она загружает изображение стрелки другого цвета, чтобы поддерживать контраст с цветом фона, который меняется при наведении.
Проблема заключается в том, что когда вы наводите курсор на вложенную навигацию следующего уровня, стрелка переключается назад, а фон цвет остается измененным (как и должно быть).
Почему цвет фона родительского li не теряет своих правил наведения, а стрелка теряет?
вы можете увидеть поведение и код с помощью этого скрипт js