Skip to main content
Título descritivo. Remoção da tag "blogger", nada na pergunta indica isso
Fonte Link
brasofilo
  • 6,7mil
  • 5
  • 30
  • 50

Position Como fazer "position: fixed;fixed;" no topo e que fique por cima de tudo?

Tenho uma dúvida. Estou precisando por uma div fixa no topo da tela (até aí, basta usar o position: fixedposition: fixed), mas que não seja sobreposta por outras divs e imagens. Ela tem que ficar por cima de tudo.

"Organização":

<html>
<head>
[brain]
</head>
<body>
<div class="a div que precisa estar no topo, fixa e por cima de tudo"></div>
[resto do site, que quando há scroll, sobrepõe a div acima]
</body>
</html>

CSS:

 .beta-info {
    background: #fff;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #FF016D;
    position: fixed;
   }
<div id="site">
  
<div class="beta-info">O SITE ESTÁ EM FASE BETA, BUGS SÃO COMUNS!</div>
[resto do site, sobrepõe a div acima]

</div>

Position: fixed; no topo

Tenho uma dúvida. Estou precisando por uma div fixa no topo da tela (até aí, basta usar o position: fixed), mas que não seja sobreposta por outras divs e imagens. Ela tem que ficar por cima de tudo.

"Organização":

<html>
<head>
[brain]
</head>
<body>
<div class="a div que precisa estar no topo, fixa e por cima de tudo"></div>
[resto do site, que quando há scroll, sobrepõe a div acima]
</body>
</html>

CSS:

 .beta-info {
    background: #fff;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #FF016D;
    position: fixed;
   }
<div id="site">
  
<div class="beta-info">O SITE ESTÁ EM FASE BETA, BUGS SÃO COMUNS!</div>
[resto do site, sobrepõe a div acima]

</div>

Como fazer "position: fixed;" no topo e que fique por cima de tudo?

Estou precisando por uma div fixa no topo da tela (até aí, basta usar o position: fixed), mas que não seja sobreposta por outras divs e imagens. Ela tem que ficar por cima de tudo.

"Organização":

<html>
<head>
[brain]
</head>
<body>
<div class="a div que precisa estar no topo, fixa e por cima de tudo"></div>
[resto do site, que quando há scroll, sobrepõe a div acima]
</body>
</html>

CSS:

 .beta-info {
    background: #fff;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #FF016D;
    position: fixed;
   }
<div id="site">
  
<div class="beta-info">O SITE ESTÁ EM FASE BETA, BUGS SÃO COMUNS!</div>
[resto do site, sobrepõe a div acima]

</div>

Fonte Link
bonifacio
  • 971
  • 2
  • 8
  • 24

Position: fixed; no topo

Tenho uma dúvida. Estou precisando por uma div fixa no topo da tela (até aí, basta usar o position: fixed), mas que não seja sobreposta por outras divs e imagens. Ela tem que ficar por cima de tudo.

"Organização":

<html>
<head>
[brain]
</head>
<body>
<div class="a div que precisa estar no topo, fixa e por cima de tudo"></div>
[resto do site, que quando há scroll, sobrepõe a div acima]
</body>
</html>

CSS:

 .beta-info {
    background: #fff;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #FF016D;
    position: fixed;
   }
<div id="site">
  
<div class="beta-info">O SITE ESTÁ EM FASE BETA, BUGS SÃO COMUNS!</div>
[resto do site, sobrepõe a div acima]

</div>