Аякс Рейтинг Звезда

Question

Это очень простая вещь.Я не вижу свою звездочку рейтинга Ajax в виде сетки

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
    <asp:BoundField  HeaderText="PurchasedPID" DataField="PurchasedPID"/>
     <asp:BoundField  HeaderText="DatetimePurchased" DataField="datetime purchased"/>
    <asp:BoundField  HeaderText="MMBName" DataField="MMBName"/>
    <asp:TemplateField HeaderText="Rating">
    <ItemTemplate>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>

                   <cc1:Rating ID="Rating1" runat="server" CurrentRating="1" MaxRating="5"
                      StarCssClass="ratingStar"
                                WaitingStarCssClass="savedRatingStar"
                                FilledStarCssClass="filledRatingStar"
                                EmptyStarCssClass="emptyRatingStar" >
                     </cc1:Rating>


        </ContentTemplate>
        </asp:UpdatePanel>


    </ItemTemplate>
    </asp:TemplateField>

    </Columns>
    </asp:GridView>
   </asp:Panel>

Site.css `

.ratingStar {
                font-size: 0pt;
                width: 13px;
                height: 12px;
                margin: 0px;
                padding: 0px;
                cursor: pointer;
                display: block;
                background-repeat: no-repeat;
            }

            .filledRatingStar {
                background-image: url(Images/FilledStar.png);

            }

            .emptyRatingStar {
                background-image: url(Images/EmptyStar.png);
            }

            .savedRatingStar {
                background-image: url(Images/SavedStar.png);
            }


     `

Answer 1

Вы должны ссылаться на изображения относительно местоположения вашей таблицы стилей.Если у вас есть папка в корневом каталоге: Images / EmptyStar.png и ваш Css находится в styles / site.css - тогда вам нужно будет ссылаться на нее как:

.filledRatingStar {
                background-image: url(../Images/FilledStar.png);

            }

            .emptyRatingStar {
                background-image: url(../Images/EmptyStar.png);
            }

            .savedRatingStar {
                background-image: url(../Images/SavedStar.png);
            }