AjaxTOOLKIT评级系统星空,asp.net Webform

时间:2018-11-10 18:30:29

标签: css asp.net twitter-bootstrap ajaxcontroltoolkit

您好,我已经尝试了几天的POSTS评分系统,我看到一些有关此问题的教程,每个人都使用ajaxtoolkit,我下载了ajaxtoolkit,我安装了,我按照我说的做,但是明星做没有出现在帖子中,而是一个透明的空间,其中包含可点击的内容,但没有星星!

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!

如果他们不知道如何解决这个问题,那么是否有其他类似的框架来进行评级系统?

1 个答案:

答案 0 :(得分:1)

尝试使用本地图像,切记不要重复:

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