在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 &。