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

我目前正在使用RateIt，它非常有效，但我不知道是否可以使用它根据百分比制作我的星星。由于默认的样式设置方法是使用.png的星星图像，这让我觉得我需要为每个像素创建.png文件和其他CSS类。我不确定这是否有效。我的网站的每一个其他元素都将是%和响应。我只需要我的评级系统也一样

---

感谢您的帮助。谢谢

你可以做的一件事是制作一个剪成星形的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%;
}

.评级{
宽度：100px；
高度：30px；
位置：相对位置；
}
.明星{
宽度：100%；
身高：100%；
背景：url(http://i.stack.imgur.com/jOhrl.png);
z指数：10；
位置：绝对位置；
排名：0；
左：0；
}
.回来{
背景：金；
宽度：100%；
身高：100%；
}

---

我将父div的大小增加到200px和60px，但所发生的只是我看到了更多的星星（即4组，因为它在两个方向上都是双星），而不是一组更大的星星。这是因为默认情况下背景图像设置为重复。您可以将图像制作成应用程序所需的大小。是的，但是有没有办法使图像以百分比表示？我的整个网站都是百分比（甚至是图标，我使用图标字体），所以当浏览器窗口大小改变时，其他一切都会改变。我想要避免的是使用一个.png文件，我必须根据每个可能的像素大小调整它的大小。我正在寻找一种方法，使背景图像放大和缩小的基础上，家长div。。。可能吗？有插件吗？这是可能的，但是图像会被插值。如果您使用SVG图像，它会很清晰。那么如果我用SVG图像替换.png？这是否适用于任何评级系统？（我得试一下）或者你知道一个特别好用的吗？