CSS星を見るヘルプ

Question

私は周りを見回し、顧客のフィードバックに基づいて変更される5つ星評価システムに基づくCSSコードを書くことができませんでした。どんな助けもありがとうございます。

Answer 1

は、あなたが配置スプライトシートを試みることができる：

HTML：

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

CSS：あなたは星が概説してdiv要素が5つのリンクが含まれているしたい場合がありもちろん

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

、ホバー効果、または他のそのような事柄。それは本当にあなたが探しているものに依存します。

Answer 2

このように、あなたはjavascriptソリューションを検討したいと思うかもしれません。

Example of a jquery plugin