如何更正此错误？

问题描述

| 当我将鼠标悬停在列表中的项目上并且列表文本包含换行符时，悬停效果似乎不一致。

<ul id=\"nav1\" class=\"greenbullet\">
    <li>
        <a href=\"\" class=\"tsize\">Surdite : en Europe,40 <br />millions de personnes sont concernees</a>
    </li>
    <li>
        <a href=\"\" class=\"tsize\">GuideCaro,une entreprise pionniere,partenaire de Garnier</a>
    </li>
    <li>
        <a href=\"\" class=\"tsize\">Garnier renforce son accessibilite en lancant le service Sourdline </a>
    </li>
</ul>

的CSS

#nav1 { list-style:url(../../img/02-tri-SDB-light/images/greenbullet.png) }

#nav1 li a { text-decoration:none;color:#019b99 }

#nav1 li { margin-left:40px }

#nav1 li:hover,#nav1 li:hover a { list-style:url(../../img/02-    tri-SDB-light/images/puce2.png); color:#FFF;background-color:#019b99; }

我该如何解决呢？     

解决方法

        我创建了一个小提琴，看不到问题所在。 http://jsfiddle.net/jasongennaro/V654e/ 但是，我们看不到您的“ѭ2”，因为它们是图像。因此问题可能存在，特别是the3ѭ样式。在

02

之后，

url

似乎有所突破？

#nav1 li:hover,#nav1 li:hover a { list-style:url(../../img/02-    tri-SDB-light/images/puce2.png); color:#FFF;background-color:#019b99; }

    ,        您应该使用

#nav1 li a:hover

，或更简单的

#nav1 a:hover

。否则，悬停将无法在IE6上运行。