解决IE 下PNG透明图片黑边问题

在IE8以下 使用JQUERY隐藏或显示PNG透明图片会发生一些小BUG 虽然这个BUG只是一个小问题，但是非常难看。经过我的一番寻找发现了 使用filter滤镜可以完美解决这个问题

在样式里面加上

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/xxx.png",sizingMethod="scale")

src是路径 填写上你的png图片的路径

 

sizingMethod是图片显示的方式 有三种

1. crop ：剪切图片以适应对象尺寸。

2. image  默认值 。增大或减小对象的尺寸边界以适应图片的尺寸。

3. scale  缩放图片以适应对象的尺寸边界。

到这里这个问题就已经解决了。但是 有些同学只是这样设置的话 还是没效果

因为样式被覆盖了。没起到作用  这就得设置他的优先级了

直接在样式后面加上!important 这样的话就会生效了。

第一次写blog 希望大家多多支持 ，有什么问题 可以咨询我，