| Maior acervo de vídeo aulas da web

David CHC
4.662 visitas
12 jun 2010
12 Comentários

Não consegue visualizar a vídeo aula?

Fazendo o background se ajustar a qualquer resolução com CSS

Salve amigos do VAB, sou David CHC, e nessa vídeo aula irei mostrar como fazer um background se adaptar a qualquer tipo de resolução. Não é muito recomendado utilizar essa técnica, já que a imagem sofrerá distorções de acordo com a resolução do usuário. Fica o alerta, e utilize com moderação por conta e risco, rs. Boa aula.

Você gostou dessa Vídeo Aula, então compartilhe com seus amigos

Comentários

Beatriz

Ola David, pq vc nao coloca um position:fixed na imagem ?

Isso nao seria o caso do twitter ? Um background fixo ?

Obrigada.

http://www.videoaulasbrasil.com.br David CHC

@Beatriz, mas não é adaptável a qualquer resolução. A aula é ensinar uma maneira, para qualquer resolução, o background se adaptar. No caso do position:fixed, ele não se adapta, e apenas “fixa o elemento na tela”. Claro, como falei na aula, e na descrição, não é aconselhavel utilizar essa tecnica, mas caso tenha uma necessidade extrema, para qualquer navegador ( inclusive no IE6), irá funcionar.

E uma outra possibilidade, talvez alguns não percebem, é a utilização do html ( como seletor), isso é interessante pq vc tem como colocar 2 background no “body” , por exemplo.

http://www.matheusmoura.com Matheus Moura

Boa aula David. Sempre aulas boas. Parabéns.
http://tutorial-city.net Tutorial City

Você pode criar esse efeito usando menos hacks, basta usar background-size. O único problema é que não é suportado no Internet Explorer. Pra mais detalhes siga este link: http://www.css3.info/preview/background-size/

Abraços

http://www.videoaulasbrasil.com.br David CHC

@Tutorial City, quando utilizei essa tecnica, o IE6 era predominante, rs. O CSS3 é o nirvana para qualquer desenvolvedor, rs

Vlw @Matheus, e @Rodolfo

http://www.cronusdesign.com.br Rodolfo Silva

Cara Gostei MT Legal
Luiz Guilherme

Pow gostei da aula, faço um curso a pouco tempo nessa area e tava apanhando paks, mas esses videos tem me ajudado bastante.

http://www.videoaulasbrasil.com.br David CHC

@Luiz Guilherme, tem q correr atras mesmo, infelizmente muitas coisas não ensinam em cursos, vc vai ter q aprender na pratica, e com video aula fica bem mas facil

http://cotidianocomunicacao.com.br Leo Dias

Mto boa sua aula David! Obrigado!
Só tive um problema, não consegui aplicar o efeito “opacity”, estranhei quando dei o espaço não tinha essa opção no list, mas msm assim coloquei a função “manualmente”, mas não aplicou a transparência no elemento. : (
Mas vlw, sua aula me ajudou bastante aqui!
Abraço!

http://www.videoaulasbrasil.com.br David CHC

@Leo, se vc tiver tentando testar no IE, vc terá q usar o filter

filter:alpha(opacity:80);
opacity:0.80;

Ricardo

Muito bom a video aula!!!!
O único problema que encontrei foi não conseguir fazer funcionar no IE8.
Não centraliza e não dá transparência no principal.
Se tiver alguma dica e puder informar, agradeço.

Atenciosamente
Ricardo S . Lopes
Ruam

Bom dia,
muito legal,
mas agora tenho um problema, minha div principal não sobrepõe a imagem colocada para background.
meu codigo ta igual o seu… p que seria então ?