Firefox 自动隐藏地址栏 userChrome.css

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1665 天前的主题，其中的信息可能已经有所发展或是发生改变。

没怎么学过 css，怀念以前那个隐藏地址栏的插件，给笔记本屏幕省点空间。

需要的朋友拿去用吧，我应该没有火星（？

把下面的存成文本文件取名 userChrome.css 在火狐 profile 里建个 chrome 文件夹，然后放那里面

@-moz-document url("chrome://browser/content/browser.xul"),
               url("chrome://browser/content/browser.xhtml")
{
    #nav-bar
    {
        min-height : 2.5em       !important;
        height     : 2.5em       !important;
        margin     : 0 0 -2.5em  !important;
        z-index    : -1000       !important;
        opacity    : 0           !important;
    }

    :hover > #nav-bar
    {
        z-index    : 1000        !important;
        opacity    : 1           !important;
        transition : opacity .3s !important;
    }
}

4 条回复 • 2020-06-22 00:31:19 +08:00

JCZ2MkKb5S8ZX9pq

2020-06-21 17:46:20 +08:00

一开始没成功，后来发现还要设一下
about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true

参考的这里
[如何使用 userChrome.css 自定义 Firefox 的用户界面 | 阳光盒子]( https://sunbox.cc/firefox-userchrome-css.html)

顺便请教一下，怎么把 Tabs 也给隐藏了？
我要么是都给弄没了显示不出，要么是 tabs 藏了但下面的元素还占着地方，应该是没找对容器。请问 lz 知道吗？

Cooky

2020-06-21 21:07:36 +08:00 via Android

@JCZ2MkKb5S8ZX9pq 你都隐藏了肯定显示不出来，改透明度应该就行了，但是你鼠标在那块区域就没法操作网页了

JCZ2MkKb5S8ZX9pq

2020-06-21 23:05:12 +08:00

@Cooky

改透明度也不行，现在的情况是我用#titlebar 可以让它不显示，但那个位置还有其它容器在占位。

另外你这个方案 hover 好像是基于顶部区域，顶部区域如果藏起来了，那就没有了 hover 的响应区，地址栏也就出不来了。

之前看到一个方案是基于整个浏览器范围的 hover，我再找找吧。

Cooky

2020-06-22 00:31:19 +08:00

@JCZ2MkKb5S8ZX9pq 只隐藏地址栏就够了吧，全隐藏了切换 tab 都不方便

Firefox 自动隐藏 地址栏 userChrome.css

Firefox 自动隐藏地址栏 userChrome.css