你的位置:首页 > 网页设计

[网页设计]IE8下jQuery改变png图片透明度时出现的黑边问题

png24格式的图片在用jQuery添加显示隐藏动画时发现,图片的半透明区域出现黑边?

在网上搜了搜主要有以下几种办法:

1、把图片保存成PNG-8格式。

2、把背景色一起切入并保存为JPG格式。

以上两种方法我试了试,好像效果并不好png8格式仍就会有黑边。

解决方法:

1、不要直接改变图片的透明度,而是给图片套个容器,去修改这个容器的透明度

2、给这个容器加个颜色相近的背景颜色(非常重要,解决bug的关键就在这一步,)

一般情况下,到此bug就解决了,如果还是有问题,请看下面:

3、给容器加个zoom: 1

(个人觉得这种办法只不过是一个障眼法,没有从根本上解决问题,看来目前只能这样了,期待有更好的方法)