重叠两个动作链接并优先考虑动作链接

Question

我正在使用与http://tympanus.net/Tutorials/SlideDownBoxMenu/类似的菜单。我在其下方放置了一个网络网格。现在当我将鼠标悬停在菜单上时，带有两个动作链接的slidingownbox会直接位于我的Webgrid的“标题”上，其中包含actionlink

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

所以我无法点击actiolink。（标题和slidedownbox的动作链接css同时工作）

所以我的问题是如何在没有webgrid标题干扰的情况下点击actionlink？ （我不想移动网格或菜单，这是最简单的方法！）

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

Answer 1

是在slidedownbox中使用z-index或将其设置为标题

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

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

中添加z-index