<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
标签 css
<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
我环顾四周,无法编写基于 5 星评级系统的 CSS 代码,该系统会根据客户反馈进行更改。感谢您的帮助。
最佳答案
您可以尝试定位 Sprite 表:
HTML:
<div class="rating one-star"></div>
CSS:
.rating
{
background-image: url(stars.png);
background-repeat: no-repeat;
height: 20px;
width: 100px;
}
/* assume a star is 20x20 */
.one-star
{
background-position: -80px 0;
}
.two-star
{
background-position: -60px 0;
}
.three-star
{
background-position: -40px 0;
}
.four-star
{
background-position: -20px 0;
}
.five-star
{
background-position: 0 0;
}
当然,您可能希望 div 包含 5 个带有星形轮廓、悬停效果或其他类似内容的链接。这实际上取决于您要查找的内容。
关于CSS 帮助看星星,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4493972/