css - AjaxTOOLKIT 评分系统星号不出现，asp.net webform

Question

你好，这几天一直在尝试做一个POSTS评分系统，看到好几个教程都在讲这个，大家都用ajaxtoolkit，我下载了ajaxtoolkit，我安装了，按我说的做，但是star没有出现在帖子中，是一个透明的空间，有可点击的东西，但没有星星!

CSS 代码:

        .starempty {
            background-image: url("https://i.imgur.com/Y6T8zFv.png");
            width: 50px;
            height: 50px;
        }

        .starfilled {
            background-image: url("https://i.imgur.com/rqzO2MZ.png");
            width: 50px;
            height: 50px;
        }

        .starwaiting {
            background-image: url("https://i.imgur.com/8uDtWlX.png");
            width: 50px;
            height: 50px;
        }

ASPX 代码:

                            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <ajaxToolkit:Rating ID="Rating1" CurrentRating="1" MaxRating="5"
                                    StarCssClass="starempty" FilledStarCssClass="starfilled"
                                    WaitingStarCssClass="starwaiting" EmptyStarCssClass="starempty"
                                    runat="server" AutoPostBack="true">
                                </ajaxToolkit:Rating>
                            </ContentTemplate>
                        </asp:UpdatePanel>

它如何出现在页面上:

PAGE DONT APEAR STARS!

如果他们不知道如何解决，是否有其他类似的框架来做评级系统？

Answer 1

尝试使用本 map 片并记住不要重复:

.starEmpty{
background-image: url(images/starempty.gif); 
width: 50px; 
height: 50px;
background-position: 0px 0px; 
background-repeat: no-repeat;
}