想用雪碧图做星星评价效果
css
.star-grade .sameing
{
display: inline-block;
width: 55px;
height: 11px;
background: url(../img/star.png) no-repeat left top/100%;
}
.star50
{
background-position: 0 0;
}
.star45
{
background-position: 0 -11px;/*图片往上移动就是负数*/
}
.star40
{
background-position: 0 -22px;
}
.star35
{
background-position: 0 -33px;
}
.star30
{
background-position: 0 -44px;
}
以下是html代码,省略部分,设置的星星评分是不同块的
<!--星星评分-->
<div class="star-grade"