Ir para o conteúdo
sheers

CSS - Gradient Background

Mensagens Recomendadas

sheers    0
sheers

Boas pessoal eu estou a programar um site mas o gradient não fica bem ora vejam a imagem seguinte:

backgroundrx1.th.jpg

Fica com uma barra em baixo branca.  :bored:

p {
background-image: url(image/gradient.gif);
background-repeat: repeat-x; 
}

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
djthyrax    11
djthyrax

Isso é porque o gradiente é muito pequeno em altura. Tens duas hipóteses: ou aumentas a img do gradiente, ou no CSS do elemento do gradiente acrescentas background-color:#{cor do final do gradiente};

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
marinheiro    0
marinheiro

se o gradiente for só para parte da altura do site, basta que o gif tenha o tamanho do gradiente e depois é só colocar a cor de fundo do body igual à cor que fica mais abaixo no gradiente...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
karva    0
karva

Queria agradecer a todos os que me responderam aqui no tópico :P.

Resolveste? Se sim, como?

Meti a cor de fundo do body na cor do Gradient :P.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
sheers    0
sheers
Marinheiro: se o gradiente for só para parte da altura do site, basta que o gif tenha o tamanho do gradiente e depois é só colocar a cor de fundo do body igual à cor que fica mais abaixo no gradiente...

Resolvi assim :P.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
djthyrax    11
djthyrax
Marinheiro: se o gradiente for só para parte da altura do site, basta que o gif tenha o tamanho do gradiente e depois é só colocar a cor de fundo do body igual à cor que fica mais abaixo no gradiente...

Resolvi assim :P.

Mas isso foi o que eu te disse pá :P

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora


×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade