ajax里的ModalPopupExtender例子

Question

我在学习modalpopup这个控件的时候是通过ajax control toolkit安装后的英文帮助来学的，大家都应该知道的吧？
下面有几个问题搞不懂1）就是我不明白那几个panel的作用，还有那个弹出后，不可操作的灰色背景是什么弄的？2）在灰色背景上的panel设置的什么属性，弄的他可以用鼠标拖拽？请高手能给我一个详细点的例子用来参考，谢谢

Answer 1

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server"  CancelControlID="ImageButton1"  Drag="true"  PopupDragHandleControlID="Panel1" TargetControlID="LinkButton6" PopupControlID="Panel1" BackgroundCssClass="modalBackground">
</ajaxToolkit:ModalPopupExtender>1.其中BackgroundCssClass=="modalBackground"  就是调用设置背景颜色的css
2.Drag="true"  PopupDragHandleControlID="Panel1"  这两句就是能够拖动Panel1

Answer 2

背景色可设置成半透明:
css代码:.modalBackground {
background-color: Gray;
filter: alpha(opacity=25);
opacity: 0.5;
}

Answer 3

TargetControlID：用于触发弹出面板的控件。
      OkControlID：弹出面板中的确认按钮，用于确认新的样式。
       OnOkScript：当单击确认按钮后，关闭样式面板后，执行脚本。
      CancelControlID：样式面板中的取消按钮，用于取消应用样式。
      PopupDragHandleControlID：样式面板中用于触发面板的控件。
      DropShadow：样式面板是否有阴影。值为True，则有阴影；值为False，则没有阴影。
      BackgroundCssClass：样式面板中应用的css样式。
 <cc1:ModalPopupExtender ID="Button1_ModalPopupExtender" runat="server" 
            DynamicServicePath="" Enabled="True" TargetControlID="Button1" PopupControlID="Panel1">
        </cc1:ModalPopupExtender>

Answer 4

谢谢，你们对我说的都有用不过我这有个问题
背景色可设置成半透明: 
css代码: .modalBackground { 
background-color: Gray; 
filter: alpha(opacity=25); 
opacity: 0.5; 
}
我把这部分代码放到了stylesheet.css文件中后，发现
filter: alpha(opacity=25); 
opacity: 0.5; 
这两句是错误的，不知道为什么，另外，那个不可操作的panel怎么搞的，我自己搞出来的panel出现后，再点触发的buttion还是可以按到的啊