如何解决Portlet上方的下拉菜单
我在portlet的一行中有一个下拉菜单。
<div class="col-md-6">
<p class="todo-red todo-inline">Gestionnaire : <span class="bold">Name</span></p>
</div>
<div class="col-md-5">
<span class="bold caption-subject uppercase font-grey-mint">Inactif depuis : 26 J</span>
</div>
<div class="col-md-1">
<div class="btn-group">
<a class="btn btn-sm btn-default todo-add-button" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true" aria-expanded="false"><i class="fas fa-volume-mute" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="javascript:;"><i class="fa fa-pencil" aria-hidden="true"></i> 1 jour </a></li>
<li><a href="javascript:;"><i class="fa fa-pencil" aria-hidden="true"></i> 3 jours </a></li>
<li><a href="javascript:;"><i class="fa fa-pencil" aria-hidden="true"></i> 15 jours </a></li>
<li><a href="javascript:;"><i class="fa fa-pencil" aria-hidden="true"></i> Définitif </a></li>
</ul>
</div>
</div>
看起来像这样: dropdown behind the portlet
下拉菜单位于portlet的后面,我需要将其置于portlet的上方。 我试图用position:absolute对z-index进行索引,但没有任何效果。 我在SO方面找不到任何好的帮助。 您对我的问题有任何想法吗?
谢谢
编辑:请找到JSFiddle插图:https://jsfiddle.net/L5o0jh4k/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。