Home > Web Front-end > HTML Tutorial > IE8下jQuery改变png图片透明度时出现的黑边问题_html/css_WEB-ITnose

IE8下jQuery改变png图片透明度时出现的黑边问题_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:37:44
Original
918 people have browsed it

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

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

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

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

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

解决方法:

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

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

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

3、给容器加个zoom: 1

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template