Az oldal korlátolt funkcionalitással fog rendelkezni, amíg elvégezzük a felhasználói élményt javító karbantartást. Ha egy leírás nem oldja meg a problémáját, és kérdést tenne fel, akkor a támogatási közösségünk a @FirefoxSupport Twitter oldalon tud segíteni, vagy az /r/firefox oldalon a Redditen.

Avatar for Username

Támogatás keresése

Kerülje el a támogatási csalásokat. Sosem kérjük arra, hogy hívjon fel egy telefonszámot vagy osszon meg személyes információkat. Jelentse a gyanús tevékenységeket a „Visszaélés bejelentése” lehetőséggel.

További tudnivalók

A témacsoportot lezárták és archiválták. Tegyen fel új kérdést, ha segítségre van szüksége.

Firefox userChrome.css - Hide address bar

  • 3 válasz
  • 1 embernek van ilyen problémája
  • 1 megtekintés
  • Utolsó üzenet ettől: serhumanos

serhumanos
serhumanos
more options

Hello! I am using the userChrome.css file to hide the nav bar (# nav-bar) and show it when hovering the tabs.

The following code works a bit, but when I open the developer tools they overlap. 

# nav-bar {
   z-index: -1;
}

# navigator-toolbox: hover # nav-bar {
   z-index: 1;
   background-color: rgba (0,0,0,0.8)! important;
}

#browser {
   margin-top: -45px;
}

Any advice to achieve the expected functionality? Thank you

gif showing the problem: https://s10.gifyu.com/images/firefox-customization-problem.gif

Hello! I am using the userChrome.css file to hide the nav bar (# nav-bar) and show it when hovering the tabs. The following code works a bit, but when I open the developer tools they overlap. <pre> # nav-bar { z-index: -1; } # navigator-toolbox: hover # nav-bar { z-index: 1; background-color: rgba (0,0,0,0.8)! important; } #browser { margin-top: -45px; } </pre> Any advice to achieve the expected functionality? Thank you gif showing the problem: https://s10.gifyu.com/images/firefox-customization-problem.gif
Csatolt képernyőmentések

Módosította: serhumanos,

Kiválasztott megoldás

thanks to @jscher2000 for his hint, In reddit-firefoxCss I got the code

https://www.reddit.com/r/FirefoxCSS/comments/rcogwz/comment/hnzf5rg 

#nav-bar {
  /* customize this value. */
  --navbar-margin: -44px;

  margin-top: var(--navbar-margin);
  margin-bottom: 0;
  z-index: -100;
  transition: all 0.3s ease !important;
  opacity: 0;
  background-color: rgba(0,0,0,0.8) !important;
}

#navigator-toolbox:focus-within > #nav-bar,
#navigator-toolbox:hover > #nav-bar
{
  margin-top: 0;
  margin-bottom: var(--navbar-margin);
  z-index: 100;
  opacity: 1;
}
Válasz olvasása eredeti szövegkörnyezetben 👍 0

Összes válasz (3)

serhumanos
serhumanos Kérdés tulajdonosa
more options

(sorry I don't know how to delete this "answer")

Módosította: serhumanos,

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

Hi, you can use &ltpre> before and </pre> after your CSS to avoid the forum mistaking it for wikitext.

Probably you need to inject some padding at the top of the dev tools and just waste that space. A good site for advanced CSS tweaking is https://www.reddit.com/r/FirefoxCSS/

serhumanos
serhumanos Kérdés tulajdonosa
more options

Kiválasztott megoldás

thanks to @jscher2000 for his hint, In reddit-firefoxCss I got the code

https://www.reddit.com/r/FirefoxCSS/comments/rcogwz/comment/hnzf5rg 

#nav-bar {
  /* customize this value. */
  --navbar-margin: -44px;

  margin-top: var(--navbar-margin);
  margin-bottom: 0;
  z-index: -100;
  transition: all 0.3s ease !important;
  opacity: 0;
  background-color: rgba(0,0,0,0.8) !important;
}

#navigator-toolbox:focus-within > #nav-bar,
#navigator-toolbox:hover > #nav-bar
{
  margin-top: 0;
  margin-bottom: var(--navbar-margin);
  z-index: 100;
  opacity: 1;
}