码迷,mamicode.com
首页 > 其他好文 > 详细

解决IE6下png-24使用滤镜(_filter)透明问题 效果出不来

时间:2015-10-16 18:23:58      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

今天说说IE6下使用滤镜(_filter)解决png-24透明效果遇到的一些问题:

css代码:background:url(../images/button1.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/button1.png");
 
在使用上述代码解决IE6下透明效果时,有的人会出现明明使用了上述代码,为什么没有出现想要的效果,这里我们就要注意几点了:
 
1、使用该滤镜效果时注意代码的顺序,IE6下的兼容代码一定要放在正常的后面,这样才能起到覆盖的作用。
2、这里面有两个图片路径,有可能不一样:
     第一个路径background:url(../images/button1.png) no-repeat;是css文件或者HTML文件(如果是行内或者嵌入式的css的话)相对于图片所在的路径;
     第二个路径是指加载滤镜的页面相对于图片的路径而不是css文件相对于图片的路径,这跟一般的图片加载有区别。
    两者一般情况下是不同的哦。
 
3、使用_filter滤镜效果一定要注意此图片只能包含你当前所要显示的图像,不能使用sprites技术将多个图像合在一张里,因为这张图片将完全显示在页面中,这样就出现了不想要的多余效果。
  

解决IE6下png-24使用滤镜(_filter)透明问题 效果出不来

标签:

原文地址:http://www.cnblogs.com/moxiaohan/p/4885691.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!