AjaxTOOLKIT рейтинг систем Звезды не раскрываются, веб-форма asp.net - PullRequest
0 голосов
/ 10 ноября 2018

Здравствуйте, я пытался сделать систему оценки 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>

КАК ЭТО НАХОДИТСЯ НА СТРАНИЦЕ:

СТРАНИЦА НЕ ВИДИТСЯ ЗВЕЗД!

если они не знают, как ее решить, есть ли какая-либо другая структура, как эта, для создания системы рейтинга?

1 Ответ

0 голосов
/ 10 ноября 2018

Попробуйте использовать локальные изображения и не забудьте поставить без повтора:

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