Tenho uma etiqueta DIV e gostaria de colocar duas imagens de fundo distintas... estava pensando em colocar uma imagem de fundo alinhada à direita com um logotipo e logo em toda a camada queria colocar um degrade que dê um efeito bonito...
A coisa é, que eu saiba, com CSS só posso colocar um fundo e queria saber como se faz para criar elementos com vários fundos, se é que se pode. Obrigado...
Certamente, com CSS você só pode colocar um fundo de imagem por elemento. Porém isso está em transição, porque CSS3 já traz atributos para colocar mais de um fundo distinto a um mesmo elemento. Não obstante, como a data de hoje nem todos os navegadores suportam CSS3, lhe recomendo utilizar um truque bastante simples.
Trata-se aninhar vários elementos, por exemplo, várias camadas DIV e a cada uma você coloca um dos fundos que quiser por em seu DIV inicial. O único que tem que ter em conta é que haverá fundos que se coloquem por cima de outros e dependerá de como tiver aninhado as camadas.
O caso é que isto de colocar dois fundos distintos a um mesmo elemento (ou inclusive colocar mais fundos diferentes) você pode ver em um artigo que publicamos faz tempo em CriarWeb.com. Segue abaixo a URL do artigo:
http://www.criarweb.com/artigos/multiplas-imagens-de-fundo-css.html
Por Miguel Angel Alvarez
