2011-06-14 40 views
-2

當我將項目懸停在列表中並且列表文本包含換行符時,懸停效果似乎不一致。如何更正此錯誤?

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

我如何排序了這一點?

+5

你的問題有點太含糊。這是什麼「不一致」?如果你可以提供演示頁面,這將有很大的幫助。 – Shauna 2011-06-14 12:40:15

+3

在http://jsfiddle.net/上創建一個示例,其中顯示了問題。 – Raoul 2011-06-14 12:43:00

+0

我看了這個,但是找不到任何不一致的地方,你在用什麼瀏覽器? – 2011-06-14 13:04:24

回答

1

我創建了一個小提琴,看不到問題。

http://jsfiddle.net/jasongennaro/V654e/

然而,我們不能看到你的list-style因爲他們的圖像。所以問題可能在那裏,具體是:hover風格。在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; }

0

您應該使用#nav1 li a:hover或更簡單的#nav1 a:hover。否則,懸停在IE6上不起作用。