CSS+Background+IE

Postador por: Pedro Costa Neves @ 09/02/2010

Categorias: All, CSS, How To

Passei os ultimos dias desenvolvendo o CSS e HTML do !Drop Studio. Após finaliza-lo lindamente, quase que perfeito, descubro que nenhuma das imagens que utilizei aparecia no IE, pois é, como somos um Estudio jovem, precisamos ainda fazer sites para IEs, senão os clientes não ficam satisfeitos, após 2 dias de pesquisas cansativas, emails trocados com todos webdesigners possiveis que conheço e mil e uma twitadas, passei a tentar utilizar o DD Belated que é um PNGFix para IE, porém, nao era esse meu problema.

E então? qual era?

Simples, o IE trata a sintaxe CSS background da seguinte maneira:
background: #Cor url(Endereço_da_imagem) se_repete_ou_não direções;

Porém tem um problema, acostumado a digitar rapido tudo e tals, fui fazendo todos backgrounds com repeat e no-repeat colado na sintaxe de url das imagens, da seguinte maneira:

background: #cor url(endereço_da_imagem)no-repeat;

E isso fez com que o IE não reconhecesse a sintaxe e anulasse. Então, dica para quem vai usar muitas imagens de background, cuidado, utilize espaço após a url(), ou então separe as tags em:
background-color:#Cor;
background-image:url();
background-repeat:repetições;
background-position:posições;

Obrigado a todos que tentaram me ajudar, principalmente a Flora que me indicou o DD Belated :)

Sobre Pedro Costa Neves

Webdesigner, Wordpress Ninja, fundador do http://persocon.org e do http://geek-candy.com. Web Developer em Projetual Comunicação. Você pode entrar em contato comigo através da página de contato neste site ou pelo email neo[at]persocon.org.

1 para “CSS+Background+IE”

  1. Flora disse:
    09/02/2010 as 3:18 pm

    ahhhh, minha url ficou errada, é florbraz.com ;)

    todo cuidado é pouco com a sintaxe do css, sempre bom re-checar se está tudo certinho!

    [Reply]

Deixe uma resposta.