标签 星星 下的文章

FeiFeiCMS按百分比显示评分星星图标

<span class="ratbar">
<span style="width:{$ppvod['vod_gold']*10}%;" class="ratbar-item">&nbsp;</span>
</span>
<strong class="ratbar-num">{$ppvod.vod_gold}</strong>

CSS

.ratbar{width:60px;height:12px;overflow:hidden;display:block;text-indent:-999px;float:left;margin:4px 5px 0 0;background:url(star-min.gif) 0 -20px no-repeat}
.ratbar-item{width:60px;height:12px;overflow:hidden;display:block;text-indent:-999px;float:left;background:url(star-min.gif) 0 0 no-repeat}
.ratbar-num{color:#f30;font-weight:normal}

star-min.gif