asp.net - Ajax ModalPopupExtender スタイルの問題

Question

私が抱えている問題は、Css がコントロールによって使用されていることです。これが私のコードです

ASP.NET

  <cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="LoginBtn"
        CancelControlID="btnClose" BackgroundCssClass="modalBackground">
    </cc1:ModalPopupExtender>
    <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" align="center"Style="display: none">
        This is an ASP.Net AJAX ModalPopupExtender Example
        <br />
        <asp:Button ID="btnClose" runat="server" Text="Close" />
    </asp:Panel>

CSS

.modalBackground {
background-color: Black;
filter: alpha(opacity=90);
opacity: 0.8;
}

.modalPopup {
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: black;
padding-top: 10px;
padding-left: 10px;
width: 300px;
height: 140px;
}

例からのコピー貼り付けなど、さまざまなことを試しましたが、うまくいきません。何が間違っていますか?