ASP中ModalPopupExtender背后的淡出/变暗背景

Question

我目前正在使用C#在ASP.net中使用ModalPopupExtender.我有模态弹出扩展器工作正常,但我只是想知道是否有办法用某种动画使背景变暗,以使弹出扩展器更加明显.

是否有一种JQuery或AJAX形式可以为我提供这种功能.

谢谢您的帮助.

Answer 1

附加到模态弹出扩展器的CSS类提供背景颜色.

<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LinkButton2" PopupControlID="Panel2" BackgroundCssClass="modalBackground" OkControlID="OkButton1" OnOkScript="onOk()" CancelControlID="CancelButton1" DropShadow="true" PopupDragHandleControlID="Panel4" />

在我的CSS中,我有

.modalBackground 
{
    height:100%;
    background-color:#EBEBEB;
    filter:alpha(opacity=70);
    opacity:0.7;
}

如果您愿意,可以将上面的CSS更改为更深的灰色阴影.否则,您可以尝试alpha和opacity属性.