Menu przypięte do góry przesuwane w raz ze scrollem

Question

Witam uczę sie html właśnie ale nie moge ogarnąć pewnej rzeczy mój pasek menu wczoraj był dobrze przyklejony do gory i przesuwal sie wraz ze stroną a dziś ma luke od góry jakiegoś 1 cm ?  tylko mnie na kierujcie nic wiecej nie potrzebuej

nav
{
	opacity: 0.7;
	background-color: #000000;
	text-align: center;
    width: 100%;
    position: fixed;
    height: 50px;
    padding: 30px;
}

 

Comments

przesuwane w raz ze scrollem

BTW, chyba bardziej, nie zmieniające swojej lokalizacji pomimo użycia scroll-a. 

Answer 1

Sprawdź ("podświetlone linie kodu")

nav
{
  opacity: 0.7;
  background-color: #000000;
  text-align: center;
  width: 100%;
  position: fixed;
  top: 0; left: 0;
  height: 50px;
  padding: 30px;
}

lub

body {
  margin: 0;
  padding: 0;
}
nav
{
  opacity: 0.7;
  background-color: #000000;
  text-align: center;
  width: 100%;
  position: fixed;
  height: 50px;
  padding: 30px;
}

 

 

BTW

  opacity: 0.7;
  background-color: #000000;

można też np.:

background-color: rgb(0 0 0 / 0.7);

background-color: rgb(0 0 0 / 70%);

lub

background-color: rgba(0, 0, 0, 0.7);

background-color: rgba(0, 0, 0, 70%);

lub

background-color: hsl(0 0 0 / 0.7);

background-color: hsl(0 0% 0% / 0.7);

background-color: hsl(0 0% 0% / 70%);

lub

background-color: hsla(0, 0%, 0%, 0.7);

background-color: hsla(0, 0%, 0%, 70%);

 

Comments

Dziękuję bardzo :D