CSS幫助看星星

Question

我環顧四周，無法編寫基於5星評級系統的CSS代碼，該代碼將根據客戶反饋進行更改。任何幫助表示讚賞。

Answer 1

你可以嘗試定位精靈表：

HTML：

<div class="rating one-star"></div> 

CSS：

.rating 
{ 
    background-image: url(stars.png); 
    background-repeat: no-repeat; 
    height: 20px; 
    width: 100px; 
} 

/* assume a star is 20x20 */ 

.one-star 
{ 
    background-position: -80px 0; 
} 
.two-star 
{ 
    background-position: -60px 0; 
} 
.three-star 
{ 
    background-position: -40px 0; 
} 
.four-star 
{ 
    background-position: -20px 0; 
} 
.five-star 
{ 
    background-position: 0 0; 
} 

當然，你可能要在div包含5個鏈接與明星大綱，懸停效果或其他此類事物。這真的取決於你在找什麼。

Answer 2

正如peterthegreat所提到的，您可能希望看看javascript解決方案。

Example of a jquery plugin