jquery - 重叠两个 Action 链接并优先考虑顶部的 Action 链接

Question

我正在使用与 http://tympanus.net/Tutorials/SlideDownBoxMenu/ 类似的菜单.我在它下面放置了一个webgrid。现在，当我将鼠标悬停在菜单上时，带有两个操作链接的 slidedownbox 出现，它直接位于我的 Webgrid 的“标题”上，其中包含操作链接

grdDept.Column(*"TicketNo",* header: "Ticket No",format: @<text><div style="width:130px;" id="div-no-@item.TicketId" >@item.Number </div></text>),                        

所以我无法点击 actiolink。(header 和 slidedownbox 的 action link css 同时工作)

所以我的问题是如何在不干扰 webgrid header 的 css 的情况下单击操作链接？？ (我不想移动网格或菜单，这是最简单的方法!)

有没有办法在这里使用 z 索引？？还是不透明度？？

Answer 1

是的，在 slidedownbox 中使用 z-index 或为标题设置它

<div style="width: 130px; position: relative; z-index: -1;" id="div-no-@item.TicketId" >@item.Number </div>

最好的办法是在slidedownbox中添加z-index position: relative; z-index: 1 or highervalue;