DropShadowExtender和RoundedCornersExtender与ModalPopupExtender的关系不太好
DropShadowExtender和RoundedCornersExtender与ModalPopupExtender的关系不太好
提问于 2011-07-23 00:09:29
我有以下面板
<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>由于此信息将绑定到服务器端，这取决于在datalist中选择了哪个控件，因此我有：
<cc1:ModalPopupExtender ID="mpeActiveSession" runat="server" TargetControlID="hackForPopup" DropShadow="false" PopupControlID="pnlSessionController"
CancelControlID="btnActiveSessionCancel" OnCancelScript="ActiveSessionPopupCanceled()"></cc1:ModalPopupExtender>然后，在绑定数据之后，我在代码隐藏中调用mpeActiveSession.Show()。
好吧，我在控件中指定了一个投影，但这就是故事开始的地方。我完成了这个家伙，它工作得很漂亮，而该死的客户抱怨弹出窗口看起来不够文雅。他们真正的意思是，弹出窗口看起来不够像Mac Windows。无论如何，他们要求圆角和投射阴影不那么不透明和圆形。所以，我说ok，希望我可以只添加以下内容。
<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得到了圆角，页面上的位置错误，所有控件和文本都丢失了。有什么想法吗？我也对设计弹出窗口样式的更好的方法持开放态度。
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-07-27 00:34:04
好的，RoundedCornersExtender和DropShadowExtender已经被CSS3淘汰了。你所需要的就是边界半径和长方体阴影。
无论如何，扩展器的问题是我的父div使用了相对定位。然而，现在这已经无关紧要了，因为CSS3的东西看起来要好得多，而且更容易实现。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6792830
复制相关文章
相似问题
腾讯云开发者
