2023年6月21日发(作者：)

JS使png背景图⽚透明

png图⽚有很好的品质，阴影效果也不会有杂边，很流畅。如果插⼊⽹页的话可以给⽹站内容增⾊不少！更重要的是在不增加图⽚容量⼤⼩的情况下提⾼了页⾯的图⽚的质量。对于有复杂背景，如在有颜⾊过渡背景上插⼊不规则边框的图⽚，带来极⼤和便利！　　但⽬前IE中对于插⼊的透明背景的png的图⽚是不能正常显⽰的，IE会⾃动给".png"格式的图⽚加个灰⾊背景。解决这个的⽅法是增加javascript，具体⽅法有两种：　　第⼀种：把下⾯的代码放在head区就可以解决问题了。

　　第⼆种：把这段代码单独加在⼀张图⽚上：

⽬前⼤部分浏览器对PNG的⽀持并不完善,IE虽然可以显⽰PNG图⽚，但如果PNG图⽚中含有透明部分，那么透明部分的显⽰就不正常了。解决这个问题⼤致有以下⽅法(其原理都是通过AlphaImageLoader滤镜来解决)。⽅法⼀:

点评:这种⽅法虽然较好的解决了IE 5+的浏览器，但却得本来能正常显⽰透明PNG图⽚的FireFox⽆法正常显⽰!⽅法⼆:点评:这种⽅法确实能解决这个问题，但是如果不是在本地调试，通常需要⼀段时间的转换!⽅法三: