Показывать панель вкладок Firefox 57 на панели навигации

Я пытаюсь отредактировать файл userChrome.css, чтобы по умолчанию скрыть панель вкладок на FF 57, и сделал это, используя следующий код

#TabsToolbar {
    visibility: collapse !important;
}

и я хочу, чтобы панель вкладок была видна только тогда, когда я наводил курсор на навигационную панель, то есть на панель инструментов, которая содержит поле адреса, кнопки навигации, кнопку меню и тому подобное. Итак, я попробовал следующий способ.

#nav-bar:hover+#TabsToolbar{
    visibility: visible !important;
    background-color:red !important;
}

Я заметил, что атрибут hover вообще не работает на # nav-bar, потому что я заметил, что даже цвет фона также не изменяется.

Обновление: в общем, CSS будет работать так:

#b
{
visibility: collapse;
}
#a:hover+#b
{
visibility: initial !important;
}
<!DOCTYPE html>
<html>
<body>

<toolbar id="a">div a
 <p>This para</p>
</toolbar>
<toolbar id="b">div b</toolbar>
</body>
</html>

Источник

1 ответ

Это сработало для меня.

#TabsToolbar {
    visibility:collapse;
}

#navigator-toolbox:hover > #TabsToolbar{
    visibility: visible !important;

}

так как #TabsToolbar находится перед #nav-bar, а css поддерживает только форвард, как выделено @Andrei Gheorghiu. Я работал с родительским узлом, который называется #navigator-toolbax, и он работал так, как задумал.

Источник
Другие вопросы по тегам