登录 | 注册 | FAQ
Anonymous

z-index

+ 发表回复

2 篇帖子 分页: 1 / 1


z-index

Nay » 周三 6月 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.
头像

Nay

  • 帖子: 3
  • 注册: 周三 6月 17, 2015 6:11 pm

Re: z-index

micaelfis » 周一 9月 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>
头像

micaelfis

  • 帖子: 2
  • 注册: 周一 9月 28, 2015 5:57 am


+ 发表回复

分页: 1 / 1