4

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>

0

1 Resposta 1

6

Coloca um z-index nela, maior que qualquer elemento seu que possua z-index.

5
  • É isso mesmo, mas seria legal incluir um exemplo. E recomendo usar um valor alto para o z-index, pois outros elementos sem z-index explícito possuem um z-index implícito.
    – bfavaretto
    Commented 20/10/2015 às 22:10
  • Eu ia postar um exemplo mas além de ser algo bem simples é muito desagradável codar no celular dentro do trem rs. Commented 20/10/2015 às 22:13
  • Inclui o exemplo depois então, porque tenho certeza que vai ter gente querendo mandar deletar sua resposta por ser curta/simples demais. E boa viagem! :)
    – bfavaretto
    Commented 20/10/2015 às 22:15
  • 1
    ôxente, Danylo, você tá no trem, se cadastrou no Stack Overflow em Português, respondeu e já ganhou 15 pontos, ¡olé!
    – brasofilo
    Commented 20/10/2015 às 22:19
  • Eu consegui, agradeço. O resultado está nesse link: centerload.particao.com
    – bonifacio
    Commented 20/10/2015 às 22:19

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .