Div com imagem atrás de outra DIV

[Leandromx 0]

Boa noite pessoal,

 

Preciso do seguinte..

Ter uma DIV 100% para ficar do tamanho da tela e com uma imagem dentro dela.

Assim quando eu mudar a resolução da tela a imagem continua do mesmo tamanho.

Isso eu consegui, o que eu não consigo é deixar as outras DIV por cima dessa que ficará de fundo..

O que devo fazer? já usei z-index e não vai

segue o código

Div com W e H 100% e imagem de fundo

<div id="fnd">
<img src="img/fundo_site.jpg" id="imagem" />
</div>
Estou usando esse CSS
#fnd{
width:100%;
z-index:0;
}
#imagem{ 
width:100%; 
}

Outra div só para teste

<div id="conteudoHome">
Conteudo
</div>

Estou usando esse CSS

#conteudoHome {
	width: 899px;
	height: 277px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	border: dashed 1px #999999;
	z-index:10;
}

Alguma luz??

[Aprendiz CSS 3]

tem um link ai cara!

 

o z-index sempre deve ser usado junto com a propriedade position [relative ou absolute]

 

talvez se remover o z-index: 0

 

abraço

[wills 0]

porque não coloca a img como background e dentro dessa div pai vai as filhas?

 

assim creio que é mais fácil!

[Leandromx 0]

Tbm tentei e não consegui

Mas isso que eu quero é possivel fazer???

[William Bruno 1501]

Possível é.. só o jeito que você está tentando é que está esquisito.

coloque essa imagem como background do body logo de vez..

body {
 background-image: url("img/fundo_site.jpg");
 background-position: center center;
}

[wills 0]

como não conseguiu?!

 

<div id="pai">
	 <div id="filha">

	 </div>
</div>

agora vai o css

 

#pai{
width:100%;
background:url(aqui) 0 0 no-repeat;
}

#filha{
margin:0 auto;
width:1000px;
}