在导航栏悬停时显示 firefox 57 标签栏
Show firefox 57 tab bar on nav-bar hover
我正在尝试编辑 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>
这对我有用。
#TabsToolbar {
visibility:collapse;
}
#navigator-toolbox:hover #TabsToolbar{
visibility: visible !important;
}
这通过检测整个顶部导航栏上的悬停来实现
我正在尝试编辑 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>
这对我有用。
#TabsToolbar {
visibility:collapse;
}
#navigator-toolbox:hover #TabsToolbar{
visibility: visible !important;
}
这通过检测整个顶部导航栏上的悬停来实现