表边界线显示在面板ASP NET

时间:2015-01-26 09:26:18

标签: c# css asp.net

我正在试图弄清楚到底发生了什么,当我点击一个文本框弹出一个面板(日期选择器)时,我在面板上重叠了表格边框。

我对ASP NET / c#等很新,但从我看到的面板属性中没有'show on top'或'force top'选项。

非常感谢您在下面该部分的问题和代码的高级,图片。

编辑:它似乎只是带有线条的'日期',因为你可以看到周一/周二和月份选择器似乎没有受到影响。

我现在将每个样式设置为z-index:-1;除了面板是z-index 99999但仍无法正常工作:(

问题仍在发生,但现在使用以下代码: border lines from table being shown over pop up panel calendar

<style type="text/css"> #txtresumedate_PopupControlExtender { z-index:99999; } 还试过并强制将cssstyle放到面板上: <style type="text/css"> .panel { z-index:99999; }

体:

            `<tr>
            <td class="style9">
                Likely resumption date?</td>
            <td class="style12">
                <asp:TextBox ID="txtresumedate" runat="server" Width="100%"></asp:TextBox>
                <ajax:PopupControlExtender ID="txtresumedate_PopupControlExtender" 
                    runat="server" DynamicServicePath="" Enabled="True" ExtenderControlID="" 
                    PopupControlID="Panel1" Position="Bottom" TargetControlID="txtresumedate">
                </ajax:PopupControlExtender>
                <asp:Panel ID="Panel1" runat="server" Width="400px"  
                    BorderStyle="Double" >
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <asp:Calendar ID="Calendar1" runat="server" 
                                onselectionchanged="Calendar1_SelectionChanged" Width="200px">
                            </asp:Calendar>
                        </ContentTemplate>
                    </asp:UpdatePanel> 
                </asp:Panel>
            </td>
        </tr>`

2 个答案:

答案 0 :(得分:1)

试试这个 - 使用z-index

<style type="text/css" />
   #txtresumedate_PopupControlExtender
   {
         z-index:99999; // make sure this should be greater then table's z-index
   }
</style>

答案 1 :(得分:1)

以下内容可以解决您的问题:

#Panel1 {
    background-color:#ffffff;
    z-index:9999;
}