如何摆脱ul li即6个子弹点突出显示

Question

我有以下HTML ....

    <div id="modern-ticker" class="modern-ticker mt-round">
        <div class="mt-label" class="mt-label">NEWS:</div>
        <div id="mt-news" class="mt-news">
            <ul>                    
                <li><a class="green" href="#" target="_self">News 1 News 1News 1News </a></li>
            </ul>
        </div>
    </div>

在firefox和chrome中，我的风格看起来不错......

但是在ie6中，我对子弹点图像进行了一些突出显示。如果你仔细看下面的图像，你会在绿光图像的背景上看到一点蓝光。

我只是想知道是否有人可以帮我解决这个问题。这是我的样式......

.mt-news li {
    margin-left: 0.5em !important;
    line-height: 18px !important;
    width: 100%;
    display:inline-block;
}

.mt-news a.green {
    background-color: #DEDEDE;
    background-image: url("../images/green.png") !important;
    color: #505050;
    padding: 8px 0 0 35px !important;
    background-position: left top !important;
}

感谢

Answer 1

在IE6中修复此错误，您可以使用AlphaImageLoader过滤器。

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale');

还有其他方法可以通过一些javascript代码来解决它。但这似乎是一个简单的解决方案。

您也可以使用IE条件语句。

<!--[if gte IE 5]>  
<style type="text/css">  
  img {  
  background:none;  
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png' ,sizingMethod='scale');  
  }  
</style>  
<![endif]-->