在网络RIA中，使用纯CSS制作星级效果越来越受到人们的重视。结合Ajax和其他技术，它可以提供出色的视觉效果和良好的用户体验。本文开始前，你能感觉到它在cssheaven。

最近，由于项目的需要，我在网上找到了很多CSS星级评价的例子和说明，但是大部分都是在国外文章的翻译中找到的，并且解释得不是很清楚，所以我决定做一个总结，也希望能给你一些帮助。

首先，用中文写出这个效果的算法：
1。使用背景图片的位置开关来获得星星效果。


2、整体效果最重要的部分是三层次理论。整体效应分为三个层次，即空气分层、分层次和分层。三层的布局是绝对的，这样就避免了UL本身的相对布局（当然，div也能得到同样的效果）。
3。空间分层是以背景图像中的空星为背景，横向传播。
4、分数层的宽度等于（分数×图像宽度）所得到的值，并使用背景图像中的分数星（示例中的黄色）作为背景平铺。
5。是5空的链路层放置5对星星的位置（宽度和背景图片，和5协议）：悬停设置评分星（这里的绿色），宽度为星号*图片宽度，左0（左，本文结合不同：悬停宽度可以出现评分的影响），垂直坐标纵坐标小于（确保电流：悬停不遮挡其他链接）；