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>