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

【问题标题】：Fadeout/Darken background behind ModalPopupExtender in ASPASP 中 ModalPopupExtender 背后的淡出/变暗背景
【发布时间】：2011-09-15 21:57:48
【问题描述】：

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

是否有某种形式的 JQuery 或 AJAX 或可以为我提供这种功能的东西。

感谢您的帮助。

【问题讨论】：

标签： c# asp.net modalpopupextender

【解决方案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 属性。

【讨论】：

如果你需要支持IE8及之前的版本，你只需要filter:alpha(opacity=70);。