懸停後保持背景圖像？

我想製作一個星級評分類型的系統，並且只是在一分鐘內在css部分上工作。我已經做了，這樣的恆星在CSS中使用背景圖像通過背景圖像是這樣點燃了所代替：懸停後保持背景圖像？

.hover-stars:hover{ 
    background-image: url(http://www.softwares.com/img/icons/favorites.png); 
    background-repeat: no-repeat;  
}

什麼，我想嘗試和所知道的是實施後懸停影響，所以一旦用戶在其上方移動，圖像就會停留在那裏。如果可能的話撤消，如果用戶應該再次將其懸停在它上面。創造出明星們追隨用戶鼠標線索的錯覺。

我試過這個，但它不起作用。

.hover-stars:hover:after{ 
    background-image: url(http://www.softwares.com/img/icons/favorites.png); 
    background-repeat: no-repeat; 
}

的'：after'選擇「之後有所行動」，但在指定後並不意味着DOM元素。所以，當你做'.hover-stars：盤旋：在'之後'你是在真實地塑造星星之後的元素。我不認爲有一種方法可以用CSS實現這一點。你可能想看看一些JavaScript解決方案。 – nienn

:after選擇器在元素後插入內容。所以這不是使用它的正確方法。我不相信你正在尋找什麼可以用CSS來完成。你可以通過adding或removing類來查看jQuery爲你做的訣竅，hover上的元素。例如...

$(".hover-stars").hover(
function() { $(this).addClass(".hover-star-after") 
});

，然後添加你要添加額外的CSS類...

.hover-stars-after { 
background-image: url('http://www.softwares.com/img/icons/favorites.png'); 
background-repeat: no-repeat; 
}

2012-12-19 18:06:51 Michelle

回答