Transparência de png no html

Bom, como já expliquei a algum tempo existe uma forma de colocar pngs com transparência no ie 6, mas agora a minha primeira explicação a tag utilizada era para por no css, agora eu vou explica outra maneira de por essa transparência, só que agora direto no html. Iremos fazer isso com um js, um script no html e uma class na tag “img”, mole mole …

Para começar precisamos fazer o download desse JS DD_belatedPNG.js .

Depois de feito esse download colocaremos ele na raiz ou em qualquer pasta dentro da raiz do site. E assim chamaremos ele no html, o exemplo: <script src=”DD_belatedPNG.js” type=”text/javascript”></script>

Agora iremos colocar o script que funcionará junto com a class que iremos criar

<script>
/* Exemplo de utilizacao */
DD_belatedPNG.fix(‘.png_bg’);
</script>

Se desejar e deixar o html mais arrumado podemos linkar o js e colocar o script todo junto, exemplo:

<!–[if IE 6]>
<script src=”DD_belatedPNG.js” type=”text/javascript”></script>
<script>
/* Exemplo de utilizacao */
DD_belatedPNG.fix(‘.png_bg’);
</script>
<![endif]–>

———————————-

E por último vamos add a imagem no html, dessa forma:

<img src=”imagens/logo.png” height=”108″ width=”200″ title=”nome da marca” alt=”nome da marca” class=”png_bg“/>

Como destaquei acima temos que por a class png_bg em todas as imagens que seja png com transparência.

É isso ai galera abraços!!! =)

Leave a Reply