我有以下面板

<asp:Panel ID="pnlSessionController" runat="server" style="position: relative; display: block; padding:15px; height: 150px; width: 300px; background-color: white;">
   <div style="position:absolute; top:0; right: 0;">
      <asp:ImageButton ID="btnActiveSessionCancel" runat="server" ImageUrl="~/images/controls/exit.png" />
   </div>
   <div style="margin-left: auto; margin-right: auto; width: 270px; text-align: center;">
     <asp:Image ID="imgStatus" runat="server" ImageUrl="~/images/status/current.png" /><br />
     <asp:Label ID="lblInmateStationName" runat="server"></asp:Label><span><--></span><asp:Label ID="lblVisitorStationName" runat="server"></asp:Label><br />
     <span>Time Remaining: </span><asp:Label ID="lblTimeRemaining" runat="server" ForeColor="Red"></asp:Label>
   </div>
   <div style="padding-left: 20px; padding-top: 15px;">
          <div style="float: left; padding-right: 10px;">
             <asp:ImageButton ID="imgBtnSessionRestart" runat="server" ImageUrl="~/images/controls/play.png" OnClick="btnRestart_click" />
          </div>
          <div style="float: left; padding-right: 10px;">
             <asp:ImageButton ID="imgBtnSessionPause" runat="server" ImageUrl="~/images/controls/pause.png" OnClick="btnPause_click" />
          </div>
          <div style="float: left; padding-right: 10px;">
            <asp:ImageButton ID="imgBtnSessionRecord" runat="server" ImageUrl="~/images/controls/record_off.png" />
          </div>
          <div style="float: left; padding-right: 10px;">
            <asp:ImageButton ID="imgBtnSessionStop" runat="server" ImageUrl="~/images/controls/stop.png" OnClick="btnEnd_click" />
          </div>
          <div style="float: left; padding-right: 10px;">
            <asp:Image ID="imgBtnSessionMonitor" runat="server" Height="27px" Width="27px" ImageUrl="images/controls/monitor.png" onclick="monitorSesion()"/>
          </div>
          <div style="float: left;">
            <asp:ImageButton ID="imgBtnMessage" runat="server" ImageUrl="~/images/controls/message.png"  OnClick="btnMessage_click"/>
          </div>
   </div>
 </asp:Panel>


因为此信息将绑定到服务器端,具体取决于在数据列表中选择了哪个控件,所以我有:

 <cc1:ModalPopupExtender ID="mpeActiveSession" runat="server" TargetControlID="hackForPopup" DropShadow="false" PopupControlID="pnlSessionController"
                 CancelControlID="btnActiveSessionCancel" OnCancelScript="ActiveSessionPopupCanceled()"></cc1:ModalPopupExtender>


绑定数据后,我在后面的代码中调用mpeActiveSession.Show()。

好的,我在控件中指定了阴影,但这就是故事的开始。我完成了这个任务,它的运行效果非常好,该死的客户抱怨弹出窗口看起来不够温和。他们真正的意思是弹出窗口看起来不像Mac Windows。无论如何,他们要求圆角,并要求投影阴影不透明且不圆。所以,我说好,希望我可以添加以下内容。

 <cc1:RoundedCornersExtender ID="rceSessionController" TargetControlID="pnlSessionController" Radius="10" runat="server" Corners="All" BorderColor="Gray"></cc1:RoundedCornersExtender>
 <cc1:DropShadowExtender ID="dsSessionController" runat="server" Opacity=".7" TrackPosition="true" TargetControlID="pnlSessionController"></cc1:DropShadowExtender>


现在,它无法正确呈现。 div之一获取圆角,页面上的位置错误,并且所有控件和文本均丢失。有任何想法吗?我也愿意采用更好的样式设置弹出窗口的样式。

最佳答案

好的,RoundedCornersExtender和DropShadowExtender被CSS3淘汰了。您只需要边界半径和阴影框即可。

无论如何,扩展器的问题是我的父div使用相对定位。现在,这无关紧要,因为CSS3的外观看起来要好得多,而且无论如何都更容易实现。

关于c# - DropShadowExtender和RoundedCornersExtender与ModalPopupExtender配合不好,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6792830/

10-12 15:07