Duas imagens como backgrounds

[rikaschmitt 54]

Boa tarde.

 

Existe como fazer um background usando 2 imagens diferentes? (sim, existe)

Mas, existe como fazer com que elas fiquem sobrepostas? Uma imagem seria para o fundo, e a outra para um detalhe.

 

background:

url('../img/bg_header.png') repeat-x,
url('../img/header_shadow.png') bottom center no-repeat;

 

Estou usando assim, e os backgrounds ficam um embaixo do outro.

O "shadow" queria que ficasse em cima do "bg".

[le0souza 0]

Criar duas divs e coloca uma em baixo do outra

voce quer criar uma sombra pra uma div é isso? se for pode usar o box shadow tbm com CSS3

[rikaschmitt 54]

Criar duas divs e coloca uma em baixo do outra

voce quer criar uma sombra pra uma div é isso? se for pode usar o box shadow tbm com CSS3

 

Sim, pensei em criar duas divs, mas vou ter que "sujar" meu html.

E usando "box shadow", não fará o efeito que eu quero..

 

:\

[le0souza 0]

Nao ira sujar seu html, se voce diagrama correto vai funcionar corretamente eu faço isso eu banner que quero colocar uma sombra fixa em baixo de dao certo, provavelmene sei ate o que quer fazer. nao tem problema

[rikaschmitt 54]

Sim.

Criei uma div sozinha para a sobra, funcionou.

 

valeu.

[le0souza 0]

blz qlq coisa tamo ae, só nao esquece de marcar topico como resolvido abrç

[Marlon Pacheco 132]

Que bom que funcionou, mas o seu código anterior deveria funcionar também. Escrevi um artigo há algum tempos atrás (http://blog.marlonpacheco.com.br/css3mltiplos-backgrounds/) que demonstra como funciona múltiplos backgrounds.

A ordem das imagens estava invertida no seu código:

background:
url('../img/header_shadow.png') bottom center no-repeat,
url('../img/bg_header.png') repeat-x;

Só precisa tomar cuidado com o suporte dos navegadores pois nem todos suportam ainda.

[rikaschmitt 54]

Que bom que funcionou, mas o seu código anterior deveria funcionar também. Escrevi um artigo há algum tempos atrás (http://blog.marlonpacheco.com.br/css3mltiplos-backgrounds/) que demonstra como funciona múltiplos backgrounds.

A ordem das imagens estava invertida no seu código:

background:
url('../img/header_shadow.png') bottom center no-repeat,
url('../img/bg_header.png') repeat-x;

Só precisa tomar cuidado com o suporte dos navegadores pois nem todos suportam ainda.

 

Legal.

Mas acabei criando uma div mesmo... rsrs