jquery - 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/