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

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

#TabsToolbar {
    visibility: collapse !important;
}

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

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

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

Обновление: в целом 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>


css firefox-quantum
person JavaTechnical    schedule 15.12.2017    source источник
comment
Без разметки ваш CSS бесполезен. Попробуйте добавить полностью квалифицированный минимально воспроизводимый пример (живой фрагмент), воспроизводящий вашу проблему. Вы также должны рассмотреть возможность удаления !important в этом примере. Там абсолютно нечего переопределять, так что...   -  person tao    schedule 15.12.2017
comment
@AndreiGheorghiu для обычных фрагментов div css работает, но в случае с firefox не работает. Я опубликую фрагмент CSS в обычном случае в вопросе выше.   -  person JavaTechnical    schedule 15.12.2017
comment
Если не работает, значит #nav-bar:hover+#TabsToolbar не соответствует вашему элементу. Это означает, что это не имеет ничего общего с Firefox или его версией. Просто для проверки откройте свой проект в другом браузере.   -  person tao    schedule 15.12.2017
comment
@AndreiGheorghiu Я проверил это с помощью xul с помощью инструмента инспектора Chrome (Ctrl + Alt + Shift + I) и отметил, что идентификатор элемента — #nav-bar и что он содержит все элементы. #nav-bar — это следующий элемент #TabsToolbar, а #nav-bar содержит множество дочерних элементов.   -  person JavaTechnical    schedule 15.12.2017
comment
У меня отлично работает (как и предполагалось) в Firefox Quantum 57.0.1 (64-разрядная версия) в Linux.   -  person tao    schedule 15.12.2017
comment
@AndreiGheorghiu Я также пытался вручную поместить атрибут :hover в панель #nav, используя контекстное меню консоли разработчика, но это все равно не сработало.   -  person JavaTechnical    schedule 15.12.2017
comment
@AndreiGheorghiu, как ты это понял?   -  person JavaTechnical    schedule 15.12.2017
comment
Я предполагаю, что у вас есть опечатка где-то в вашем селекторе. Это также может быть случай недопустимого CSS перед этим кодом, который отключает его в Firefox, но не в других браузерах. Пример размещен здесь, на SO. работать на вас в FF?   -  person tao    schedule 15.12.2017
comment
@AndreiGheorghiu Вы имеете в виду фрагмент кода (общий css), если так, то да. Но для панели инструментов Firefox нет. К вашему сведению, в userChrome.css нет другого кода, кроме этого.   -  person JavaTechnical    schedule 15.12.2017
comment
Давайте продолжим обсуждение в чате.   -  person JavaTechnical    schedule 15.12.2017

Ответы (1)


arrow_upward
1
arrow_downward

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

#TabsToolbar {
    visibility:collapse;
}

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

Это работает, вместо этого обнаруживая наведение на всю верхнюю панель навигации.

person JavaTechnical    schedule 15.12.2017
comment
Хорошо, нет, я должен был сделать это reddit.com/r/FirefoxCSS/ comments/brmi8v/ и теперь он скрывает панель вкладок. Однако не показывает это при наведении: P - person Powersource; 17.07.2020
comment
Удаление › исправило это :) - person Powersource; 17.07.2020