-1

私は現在、RateIt を使用しています。これはうまく機能しますが、それを使用してパーセンテージに基づいてスターを作成できるかどうかわかりません。スタイリングにアプローチするデフォルトの方法は、星の .png 画像を使用することなので、.png ファイルを作成し、ピクセルごとに追加の CSS クラスを作成する必要があると思います。それが効率的かどうかはわかりません。私のサイトの他のすべての要素は % でレスポンシブになります。評価システムが同じである必要があります。

すべての助けに感謝します。ありがとう！

4

1 に答える 1

2

あなたができることは、星の形を切り取ったpngを持つことです。下に div を配置し、希望する星の色にします。

ここに画像の説明を入力

<div class="rating">
    <div class="stars"></div>
    <div class="back" style="width:73%"></div>
</div>

.rating {
    width: 100px;
    height: 30px;
    position:relative;
}
.stars {
    width:100%;
    height:100%;
    background: url(http://i.stack.imgur.com/jOhrl.png);
    z-index: 10;
    position:absolute;
    top:0;
    left:0;
}

.back {
    background : gold;
    width:100%;
    height:100%;
}

http://jsfiddle.net/YVTR6/

于 2013-01-31T03:48:55.013 に答える