Login | Register | FAQ
Anonymous

z-index

+ Post a reply

2 posts Page 1 of 1


z-index

by Nay » Wed Jun 17, 2015 7:47 pm

No arquivo html esta assim:

<div id="menu">
<img src="imagens/topo_site.png">
</div>


<div id="top">
<h1>
<a href="home.htm">Home</a>
<a href="produtos.htm">Produtos</a>
<a href="servicos.htm">Serviços</a>
<a href="contato.htm">Contato</a>
</h1>
</div>

No arquivo css esta assim:

#menu {
position:absolute;
top: 10px;
left: 180px;
z-index: 2;
}

#top{
position: absolute;
top: 50px;
left: 250px;
z-index: 3;
}

E não consigo sobrepor o texto na imagem, gostaria de saber o que estou fazendo de errado.
User avatar

Nay

  • Posts: 3
  • Joined: Wed Jun 17, 2015 6:11 pm

Re: z-index

by micaelfis » Mon Sep 28, 2015 6:05 am

Caro Nay.

Testei seu código e funcionou normalmente, o texto ficou sobre a figura.

<html>
<head>
<style>
#menu {
position:absolute;
top: 10px;
left: 180px;
z-index: 2;
}

#top{
position: absolute;
top: 50px;
left: 250px;
z-index: 3;
}
</style>
</head>

<body>

<div id="menu">
<img src="imagens/background.png">
</div>

<div id="top">
<h1>
<a href="home.htm">Home</a>
<a href="produtos.htm">Produtos</a>
<a href="servicos.htm">Serviços</a>
<a href="contato.htm">Contato</a>
</h1>
</div>
</body>
</html>
User avatar

micaelfis

  • Posts: 2
  • Joined: Mon Sep 28, 2015 5:57 am


+ Post a reply

Page 1 of 1