时间戳

首页 > 解决方案 > html菜单覆盖另一个下拉菜单

c# - html菜单覆盖另一个下拉菜单

问题描述

我正在向我的菜单中添加一个通知下拉菜单，该菜单是在部分视图中创建的（我们正在使用 razor，所以它是一个 cshtml 文件）

这是我创建两个下拉列表的片段

<div class="btn-group">
        <button id="menuNotifList" class="btn dropdown-toggle waves-effect waves-themed btnDrop fal fa-bell" type="button" data-toggle="dropdown" aria-haspopup="true"></button>
        <div class="dropdown-menu" x-placement="top-start">
            <partial name="_DropdownNotification" />
        </div>
    </div>

    <div class="btn-group">
        <button id="menuDropCuenta" class="btn dropdown-toggle waves-effect waves-themed btnDrop" type="button" data-toggle="dropdown" aria-haspopup="true">
            Cuenta
        </button>
        <div class="dropdown-menu dropdown-cuenta" x-placement="top-start">
            <partial name="_DropdownAccount" />
        </div>
    </div>

它以这种方式显示（查看所有通知链接在部分 _DropdownNotifications 内） 在此处输入图像描述

我的问题是，当我点击查看所有通知链接时，它的文本会覆盖旁边下拉列表的文本 在此处输入图像描述

知道什么可能导致这个问题吗？我有能力对第二个下拉列表（id="menuDropCuenta" 的那个）进行任何更改，因为我基本上将它的值用于站点内的所有内容。

编辑：

如果我切换位置并在另一个放置之后发送通知下拉列表但客户特别希望它以麻烦的顺序发送，则不会发生此问题，因此仅切换它们也不是解决方案。

标签： c#htmlasp.netrazor

解决方案

推荐阅读