CSS懸停背景更改無法在Safari上工作

我已經設置了此代碼 - 它在Firefox和IE上運行良好 - 但在Safari中完全不工作 - 有沒有人有任何想法，爲什麼這不起作用？CSS懸停背景更改無法在Safari上工作

CSS

#list-menu { width: 235px; font-size: 1.3em; font-weight:bold; } 
#list-menu ul { margin: 0; padding: 0; list-style-type: none; } 
#list-menu li { margin: 2px 0 0; } 
#list-menu a { display: block; width:235px; padding: 2px 2px 2px 10px; border: 1px solid #000000; background: #868686; text-decoration: none; } 
#list-menu a:link, #list-menu a:active, #list-menu a:visited { color: #ffffff; } 
#list-menu a:hover { border: 1px solid #000000; background: #474747; color: #ffffff; }

HTML

<div id="list-menu"> 
    <ul> 
     <li><a href="#">Alexandra Burke</a></li> 
     <li><a href="#">Avenge Sevenfold</a></li> 
     <li><a href="#">Bullet For My Valentine</a></li> 
     <li><a href="#">Chase & Status</a></li> 
     <li><a href="#">Cliff Richard</a></li> 
     <li><a href="#">Deconstruction</a></li> 
     <li><a href="#">Jedward</a></li> 
     <li><a href="#">JLS</a></li> 
     <li><a href="#">Justin Bieber</a></li> 
     <li><a href="#">Kasabian</a></li> 
     <li><a href="#">Lady Gaga</a></li> 
     <li><a href="#">Motorhead</a></li> 
     <li><a href="#">N-Dubz</a></li> 
     <li><a href="#">Olly Murs</a></li> 
     <li><a href="#">Pixie Lott</a></li> 
     <li><a href="#">Queen</a></li> 
     <li><a href="#">The Fuel Girls</a></li> 
     <li><a href="#">The Saturdays</a></li> 
     <li><a href="#">The Wanted</a></li> 
    </ul> 
    </div>

來源

2011-08-10 Matt Maltby

？ –

歡迎來到SO @Matt。對於那些想要它的人來說，這裏是一個小提琴：http://jsfiddle.net/dAS4p/ –

小提琴適用於Windows 7上的Safari 5.0.3。 – Litek

不知道，而不是測試（因爲我沒有Safari瀏覽器），但也許是Safari瀏覽器窒息規則的聲明？

嘗試列出所有元素，像

#list-menu ul li a:hover

您正在使用哪個版本的Safari

來源

2011-08-10 12:11:24

CSS懸停背景更改無法在Safari上工作

回答

相關問題