I recently integrated a modal popup AJAX control into my website.
Upon clicking a button, the popup correctly appears but I am encountering issues with its styling.
Although I have added a new style to my site master Site.css stylesheet, it is not being reflected in the appearance of the popup.
In addition to Site.css, there is a separate stylesheet called 'modalBackGround.css'
The CSS class defined within 'modalBackGround.css' is as follows:
body
{
background-color:#000000;
}
Below is the code snippet for my ModalPopup AJAX control, highlighting the CSS property:
<cc1:ModalPopupExtender ID="Button2_ModalPopupExtender" runat="server"
TargetControlID="Button2"
BackgroundCssClass="modalBackGround"
DropShadow="true"
OkControlID="btnOk"
CancelControlID="btnClose"
PopupControlID="Panel1" >
</cc1:ModalPopupExtender>
I am seeking guidance on how to properly apply this stylesheet to resolve the transparency issue affecting the background of the popup.