Firefox 自动隐藏地址栏 userChrome.css

This topic created in 2212 days ago, the information mentioned may be changed or developed.

没怎么学过 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 replies 2020-06-22 00:31:19 +08:00

JCZ2MkKb5S8ZX9pq

Jun 21, 2020

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

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

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

Cooky

Jun 21, 2020 via Android

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

JCZ2MkKb5S8ZX9pq

Jun 21, 2020

@Cooky

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

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

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

Cooky

Jun 22, 2020

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

Firefox 自动隐藏 地址栏 userChrome.css

Firefox 自动隐藏地址栏 userChrome.css