面临禁用时日历图标在另一个日历弹出窗口上重叠的问题

Posted 2023-02-15

【中文标题】面临禁用时日历图标在另一个日历弹出窗口上重叠的问题

【英文标题】：Facing issue with calendar icon getting overlapped on another calendar popup when disabled

【发布时间】：2021-11-02 03:59:29

【问题描述】：

我在页面上有多个 Ajax 文本框日历。 如果一切都已启用，日历图标图标不会重叠或显示在另一个日历弹出窗口上。

点击日历图标后，

如果控制被禁用，那么

现在，当用户单击禁用日历上方的日历时，图像图标会重叠

我尝试了位置和 z-index，但仍然显示。请让我知道应用哪种样式不会重叠 她是我试过的css

style="postion:relative;z-index:10000"

日历控件视图部分：

<tr id="BeginDate"  runat="server">
        <td class="pboldfont" style="width: 5%;">
            &nbsp;&nbsp;<asp:Label ID="lblBeginDate" runat="server"  />
        </td>
        <td class="ps-setwidth" style="width: 30%;">
            &nbsp;<label  ID="lblBeginDate" runat="server" Text="Begin Date"  LabelForControl="txtBeginDate"/>
        </td>
        <td class="ps-controls" style="width: 65%;">&nbsp;
        <asp: txtcalendar style="position: relative; z-index: 0;" ID="txtBeginDate" runat="server" MaxLength="10" DataFieldName="RequestedBeginDate" IsRequiredField="true" EnableClientScript="true"  CalendarMask="99/99/9999" EnableTheming="True"  />
        </td>
    </tr>

【参考方案1】：

您是否尝试将z-index 属性添加到您的图标astyle？

【讨论】：

我尝试添加到行，控制，但它不起作用。请建议是否有任何将图标推到后面的样式。

但是您是否将图标设置为比下拉菜单更低的 z-index 值？具有情人 z-index 值的元素被具有更高 z-index 值的元素推回

如果你这样做了，你能发布更多代码以便我检查问题吗？

我尝试在日历上设置更高的索引和更低的当前索引，但问题仍然存在。请让我知道是否有任何样式会使日历图标留在后面

@AMDI 所以很清楚你是否将下拉菜单的 z-index 设置为比图标更高的值？