Ir para conteúdo

POWERED BY:

Arquivado

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

Iury Borges

multiple backgrounds css3

Recommended Posts

Estou tendo dificuldade nessa parte, digito e não aparece nada, alguém pode me responder onde estou errando e me ensina.

 

 

body{background:url(171160_Papel-de-Parede-Universo--171160_1600x1200.jpg) no-repeat left top,
url(estrelas--do-universo-wallpaper-18280) no_repeat center button};

Compartilhar este post


Link para o post
Compartilhar em outros sites

1. Os caminhos (diretórios) estão corretos?

2. Valores possíveis para background-position:

  • left top
  • left center
  • left bottom
  • right top
  • right center
  • right bottom
  • center top
  • center center
  • center bottom

:seta: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

Ou seja, center button NÃO EXISTE. O correto é center bottom.
O mesmo ocorreu com a propriedade background-repeat. Você determinou o valor no_repeat, inexistente no CSS. O correto é no-repeat.

3. A maneira correta de se terminar uma regra CSS é a seguinte:

seletor {
propriedade: valor;
}

Perceba o ; }, e não };, como você fez.

Se você está iniciando com backgrounds múltiplos no CSS3, talvez seja melhor não abreviar as declarações para que você não se perca. Sugiro que leia esse artigo :seta: Abreviações CSS

Perceba que, de início, fica mais fácil para se organizar:

background-image: url(imagem1.png), url(imagem2.png), url(imagem3_paper.jpg);

No final, abrevie para limpar o código. :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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