css - IE6 中的透明 PNG (AlphaImageLoader)

Question

如何让 Microsoft.AlphaImageLoader 工作？

我正在尝试以下操作:

.navHeader
{


    /*Alpha Loader*/

     background-image: none;    
     background:transparent url('../../../../commondata/sharedimages/summary/NavBox_topMiddle.png'); 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../commondata/sharedimages/summary/NavBox_topMiddle.png',sizingMethod='scale');



    text-align: center;
    font-family: Arial, Helvetica, san-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    line-height: 16px;
}

这对 PNG 没有影响(它们不是透明的)。

Answer 1

我认为您正在做的是指定背景图像，然后在其顶部应用滤镜。您无需为 IE6 指定背景图像，只需应用过滤器即可。

否则，您会得到背景图像(没有 PNG 透明度)，然后在其顶部应用滤镜 - 有效地显示两个 PNG，但只有最上面的一个是透明的。

此外，仔细检查过滤器的 src 路径 - 我相信它的工作方式与 CSS url 路径不同(即路径是相对于页面位置，而不是 CSS 文件)