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

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


因此,我无法点击actiolink。(标头和slidedownbox的动作链接css都可以同时使用)

所以我的问题是如何在不影响webgrid标头的CSS的情况下单击操作链接? (我不想移动网格或菜单,这是最简单的方法!)

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

最佳答案

是的,可以在slidedownbox中使用z-index或将其设置为页眉

<div style="width: 130px; position: relative; z-index: -1;" id="[email protected]" >@item.Number </div>

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

08-15 20:59