Могу ли я сделать так, чтобы верхняя панель отображалась только при наведении курсора на Firefox?

Question

Я бы хотел, чтобы верхняя панель исчезла и появлялась только при наведении курсора мыши. Я вошел во вкладку профилей, а затем попытался написать код. Я пробовал этот код.

#tabbrowser-tabs
{
  display: none !important;
}

Вкладки исчезают, но строка URL-адреса все еще отображается.

Answer 1

Ваш вопрос неоднозначен: #nav-bar, содержащий строку URL, и #TabsToolbar, содержащий панель навигации, - это разные вещи. Я реализовал похожий на #nav-bar раньше:

#TabsToolbar { /* tab bar */
  /* 1 should be at top */
-moz-box-ordinal-group: 1 !important;
}
#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}
#nav-bar { /* main toolbar containing address bar, search bar, add-on icons */
-moz-box-ordinal-group: 3 !important;
}

#nav-bar { /* main toolbar containing address bar, search bar, add-on icons */
    position: relative;
    z-index: 1;
    height: 3px;
    margin-bottom: -3px;
    opacity: 0;
    overflow: hidden;
}
#nav-bar:hover {
    height: auto;
    margin-bottom: 0px;
    opacity: 1;
    overflow: show;
}
#nav-bar:focus-within {
    height: auto;
    margin-bottom: 0px;
    opacity: 1;
    overflow: show;
}
#content-deck{
    position:relative;
    z-index: 0;
}

Он имеет следующее поведение:

• Панель URL-адресов по умолчанию скрыта
• Панель URL-адресов появится, когда она будет сфокусирована или зависнет. Вы можете использовать F6 , чтобы сфокусировать его.