Colocar 2 imagens de fundo a um mesmo elemento

Pergunta
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...

Valorize esta FAQ:
A FAQ Colocar 2 imagens de fundo a um mesmo elemento tem Pertence à categoria:
Resposta
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

Voltar à árvore de categorias Voltar à árvore de categorias

 
FAQs relacionadas
  + Programas para fazer GIFs animados
  + Conselhos para fazer uma página web
  + O que são as cores web?
  + Diferença entre Fireworks e Flash
  + Velocidade e tamanhos ótimos para uma web
  + O que são os dingbat?
  + Criar planilhas em Dreamweaver
  + Por que aconselham aprender HTML?
  + Gifs animados com Photoshop
  + Páginas fluídas
  + Links que mudam ao passar o mouse
  + Diferenças de colocar estilos CSS em diferentes lugares
  + Mudar tipografia para toda a página
  + Mudar o tamanho de letra de um menu select
  + Estilo nos campos de formulário
  + Estilos em barras de deslocamento
  + Como eliminar as margens de cima e debaixo que tem um formulário
  + Definir as margens de um cabeçalho ou título <h1>
  + Alinhamento de texto à direita
  + Mudar o estilo da primeira letra de um parágrafo
  + [...]

Ver todas las FAQS de Design / CSS

Usuários :    login / registro

Home | Sobre nós | Copyright | Anuncie | Entrar em contato