Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

fetish

z-index

Por , em Desenvolvimento frontend

Recommended Posts

fetish    3

fetish
Postado

Olá pessoal, tudo bom?

Bom, eu estava fazendo um arquivo CSS para um site que estou desenvolvendo, e então fiz isto:

body {
	color: #696969;
	background-color: #062043;
	margin: 1px 40px 10px 40px;
	border-width: medium;
	border-color: yellow;
	border-style: dashed;
	z-index: 2;
}

#lay {
	float: top;
	position:absolute;
	top: 1px;
	left: 450px;
	z-index: 1;
}
Só que não funcionou, a imagem fica por cima do 'body' do site, então me veio a pergunta, z-index não funciona com partes flutuantes ( floats ) ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

fetish    3

fetish
Postado

Ta certo, nao pode posicionar body sobre algo, mas se eu quiser por algo sob o body? o.o

Compartilhar este post

Link para o post
Compartilhar em outros sites

fetish    3

fetish
Postado

Então é impossivel eu colocar a imagem por baixo?

Obs: Não quero usá-la como background já que já utilizo uma cor neste.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

O <body> é o "piso" do nosso site, logo, é impossível colocar algo sob ele (e nem faria sentido também...). Agora, mesmo que você aplique uma cor de fundo no body, é possível aplicar uma imagem também:

body { background:#[cor desejada] url([path da imagem]) [outras propriedades como background-repeat, background-position, etc.]; }
http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

já tentaram definir backgrounds para o elemento html ? http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

^_^

<html>
<head>
<style type="text/css">
html {
	background: #f0f;
}
body {
	margin: 50px;
	background: #f00;
}
</style>
</head>
<body>

</body>
</html>
aplicar topo e rodapé 100%, seria uma utilidade para esse tipo de coisa, eu não costumo, e nem aconselho usar.. sei lá.. prefiro fazer de outras formas.

Compartilhar este post

Link para o post
Compartilhar em outros sites

2Flex    1

2Flex
Postado

Olá,

 

O elemento z-index só funciona com o elemento position (indiferente o seu valor).

Pois em relação ao body, isso não é possível mesmo.

 

Cumprimentos

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

Não consegui entender o objetivo do que ele precisa e pelo que li não sou só eu :P

Talvez seria mais simples de achar uma resposta.

 

Diga o que precisa fazer e se possível com imagem explicativa.

 

Ficou meio lol

Essa frase é minha http://forum.imasters.com.br/public/style_emoticons/default/shifty.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

2Flex    1

2Flex
Postado

Olá,

 

Só que não funcionou, a imagem fica por cima do 'body' do site, então me veio a pergunta, z-index não funciona com partes flutuantes ( floats ) ?

Eu pensei que a pergunta fosse esta xP!

Akakak meio lol mesmo :P.

 

Cumprimentos

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito