IE 6下图片与背景图片的透明

tangalexis

一般的透明的图片，我们分两种，一种是实际图(即img 元素)，一个是背景图(background)。
　1.先说背景图：
　　简单来说就两句话：
　　　/*for IE7 and FF*/
                html>body .div{background:url(../img.png) no-repeat ;}
        /* for IE6 */
                 * .div { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img.png', sizingMethod='crop'); }
     2. 实际图：
　      我们得借用一个js(见附件)———透明js.js
　然后在我们页面的头部引用js
<!--[if gte IE 5.5000]><script  defer  type="text/javascript" src="js/pngfix.js"></script><![endif]-->好了，这样大功告成。
 
再补充一下有关那个css属性：
 
            语法:filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
                属性：
enabled :可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
　　　　　　true :默认值。滤镜激活。
　　　　　　false : 滤镜被禁止。

sizingMethod :可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop : 剪切图片以适应对象尺寸。
　　　　　　　　image :默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
　　　　　　　　scale :缩放图片以适应对象的尺寸边界。
　　　　　　　　src :必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。
   这样我们就解决了图片背景的透明问题.