jQuery评级插件 - 需要％大小的星星

Question

我目前正在使用RateIt，效果很好，但我无法弄清楚我是否可以用它来制作基于百分比的星星。接近样式的默认方法是使用星星的.png图像，这让我觉得我需要经历制作.png文件和每个像素的其他CSS类的动作。我不确定这是否有效。我网站的每个其他元素都是％和响应。我只需要我的评级系统。

任何和所有帮助表示赞赏。谢谢！

Answer 1

你可以做的事情是有一个明星形状切出的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/