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

Question

没有解决，但我认为问题是其他问题，而不是css或pngfix。谢谢你的答复。

嗨!

我不知道如何定义这个问题，所以我就把它展示给你。我试图将图像设置为链接的小背景图像。由于某些原因，它在IE6上继承了它的父类的背景颜色.

图片：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;
}

与

<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]-->

我知道这个问题与高度有关:30 of；on.tab-box .top li.current a。当我移除它或降低值时，会得到不同的结果，但它们都解决不了问题。

Answer 1

问题不是你的CSS，而是IE6破坏了对PNG图形透明度的支持。

我的观点是不要费心支持IE6，因为它有很多这样的bug和问题。但我知道这不是每个人的选择。

好消息是，对于这个特定的bug来说，有一个黑客可以绕过它：

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的解决办法。检查这个网站查看一些选项。