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＆amp; amp;不透明度属性。