Question

没有解决，但我认为问题是别的，而不是css或pngfix。感谢您的回复。

嗨！

不知道如何定义问题，所以我只会向您展示。我正在尝试将图像设置为链接的小背景图像。出于某种原因，它在IE6上继承了它的父类的背景颜色......

图片在这里：http://lh4.ggpht.com/_Gj0LjMkd2XM/TOPp4gpuEzI/AAAAAAAAANE/0omEfRzIzho/2010-11-17_1637.png

CSS：

.tabbed-box .top li a {
    background: none repeat scroll 0 0 transparent;
    color: #8A8B86;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    margin: 0;
    padding: 6px 0 3px 12px;
    text-decoration: none;
}

.tabbed-box .top li.current {
    background-color: white;
    background-image: none;
    border: 1px solid #95B776;
    margin-top: -2px;
    z-index: 10;
}

.tabbed-box .top li.current a {
    background: url("quotes-arrow.png") no-repeat scroll 15px 24px transparent;
    color: #006697;
    position: relative;
    height: 30px;
}

和HTML：

<div class="top">
            <ul>
                <li id="tab-forex" class="current">
                    <a href="#"><span>Forex</span></a>
                </li>
                <li id="tab-commodities" class="">
                    <a href="#"><span>Commodities</span></a>
                </li>
                <li id="tab-indices" class="">
                    <a href="#"><span>Indices</span></a>
                </li>
                <li id="tab-stocks" class="">
                    <a href="#"><span>Stocks</span></a>
                </li>
            </ul>
        </div>

尝试了一切！：）

非常感谢任何帮助！

更新

还使用了iepngfix.htc脚本并将其放在

上

<!--[if lte IE 6]>
    <style>
        .tabbed-box .top li.current a { behavior: url('iepngfix.htc'); }
    </style>
<![endif]-->

我知道问题与身高有关：30px; on .tabbed-box .top li.current a。当我删除它或降低值时，我会得到不同的结果，但没有一个能解决问题。

Answer 1

问题不在于你的CSS; IE6已经破坏了对PNG图形透明度的支持。

我的意见是不打扰支持IE6，因为它有很多错误和这样的问题。但据我所知，这不是每个人的选择。

好消息是这个特定的错误，有一个黑客可以绕过它：

http://www.twinhelix.com/css/iepngfix/

希望有所帮助。

[编辑] 如果这不起作用，我想另一种选择是将图形切换为GIF。有点像警察，但会比试图解决IE6的失败更快地解决问题。

Answer 2

尝试以下方法：

.classname {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cnr-heading.png', sizingMethod='scale');background: none;
}

Answer 3

IE6在显示具有透明部分的png文件时出现问题。这是一些javascript的解决方法。 Check this site看一些选项。

CSS：链接的背景图像获取父背景颜色

3 个答案: