【问题标题】:AjaxTOOLKIT rating sistem stars dont apear, asp.net webformAjaxTOOLKIT 评级系统星星不出现,asp.net webform
【发布时间】:2019-04-13 23:48:37
【问题描述】:

你好,我这几天一直在做一个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!

如果他们不知道如何解决,有没有其他类似这样的框架来做评分系统?

【问题讨论】:

    标签: css asp.net twitter-bootstrap ajaxcontroltoolkit


    【解决方案1】:

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

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

    【讨论】:

    • 我试试这个还是一样!
    • 您是否将图像放在本地文件夹中?我按原样复制了您的代码进行测试,它适用于我的本地图像,唯一的区别是我使用 gifs 而不是 pngs
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-21
    • 1970-01-01
    相关资源
    最近更新 更多