如何摆脱UL李即6圆点突出

我有以下的HTML ....如何摆脱UL李即6圆点突出

<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我的风格很好看......

enter image description here

但在IE6中，我在子弹点图像上获得了一些突出显示。如果仔细观察下面的图像，您会看到绿光图像背景中有一点蓝光。

enter image description here

我只是想知道，如果有人可以帮助我，我如何能摆脱这一点。这里是我的风格很像...

.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; 
}

感谢

来源

2014-03-28 Richie

http://css-tricks.com/snippets/css/png-hack-for-ie-6/ – fcalderan

IE6不支持透明图像。 –

[为什么你需要支持IE6？]（http://www.modern.ie/ie6countdown）另外，IE6不支持'display：inline-block'。 – Vucko

在IE6来修复这个bug，你可以使用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]-->

来源

2014-03-28 12:22:23

感谢您的回复。我真的很努力让你的解决方案为我工作。到目前为止，我无法摆脱围绕我形象的丑陋灰色/蓝色方块。去更新我的问题，告诉你我曾经尝试过... – Richie

如何摆脱UL李即6圆点突出

回答

相关问题