Fundo degradê com CSS

[tiago.iju 0]

Eu vi esses dias como fazer um fundo degradê num site, com style, mas lembro onde, então gostaria q alguém me esclarecesse isso um pouco...Vlw

[fael 1]

Primeiramente você pode seguir o exemplo do link abaixo:

 

http://msdn.microsoft.com/workshop/samples...er/gradient.htm

 

Mas na minha opinião, é melhor e é mais funcional em diversos browsers fazendo assim:

 

Crie uma imagem de background gradiente;

 

Crie uma classe css como essa:

 

ASP [/tr][tr]

.Fundo {

background-image: url(bg_cell.jpg);

background-repeat: repeat-x;

background-position: top left;

background-attachment: fixed;

background-color: #E1F0D2 /* cor de fundo inferior, para que quando terminar a imagem, ele continua com essa cor */

}

 

[/tr]

 

E chame-a onde quizer.

 

Abraços, http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[etapombas 0]

tb estava atras desse código...mas acabei de perder a vontade de usá-lofica muito mais simples e confiavel utilizar uma imagem msm.mas cada caso é um caso, vai que você quer bota um fundo degrade com uma figura de 200x200 de fundo.dai no caso é mais útil usar o código da microsoft msm.mas será que roda em todos browsers ????

[_ nEoN _ 0]

tb estava atras desse código...mas acabei de perder a vontade de usá-lofica muito mais simples e confiavel utilizar uma imagem msm.mas cada caso é um caso, vai que você quer bota um fundo degrade com uma figura de 200x200 de fundo.dai no caso é mais útil usar o código da microsoft msm.mas será que roda em todos browsers ????

apenas no IE

[Maujor 144]

Escrevi uma matéria para o iMasters tratando de filtros para o IE.

Só funcionam no IE

 

A materia está => NESTE LINK

 

E naquela matéria construi um exemplo de filtro gradiente aplicado em uma página => NESTE LINK