时间戳

首页 > 解决方案 > AjaxTOOLKIT 评级系统星星不显示，asp.net 网络表单

css - AjaxTOOLKIT 评级系统星星不显示，asp.net 网络表单

问题描述

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

代码：

        .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>

它在页面上的显示方式：

页面不要出现明星！

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

标签： cssasp.nettwitter-bootstrapajaxcontroltoolkit

解决方案

尝试使用本地图像并记住不要重复：

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

推荐阅读