Jquery 引导下拉按钮位置和z索引

如何设置引导下拉按钮列表的位置和z索引？ 现在它出现在下面给出的text和其他elements.HTML后面

 <div style="position:relative;">
             <div style="position:absolute;"></div>
             <div class="profile-pic-holder" style="position:absolute;">
                            <div  class="background-fade" >
                                <a href="#" data-toggle="dropdown">
                                    <span>Action Button</span>
                                </a>

                               <ul class="dropdown-menu">
                                      <li><a href="#" >Action1</a></li>
                                      <li><a href="#" >Action2</a></li>
                                      <li><a href="#">Action3</a></li>
                                      <li><a href="#">Action4</a></li>
                                    </ul>

                            </div>
                        </div>

               </div>

该下拉列表显示在所有其他分区的后面。有人能帮忙吗

---

父div有一个

溢出：隐藏，导致菜单被其父菜单隐藏

我建议将图像放在自己的容器中，您可以在其中放置
overflow:hidden

此外，我建议将CSS放在一个单独的文件中，而不是内联

我已相应地更新了您的。
请创建一个小提琴。请检查此项
.dropdown-menu {
  position: absolute;
  z-index: 100 or higher till your drop down appears above other elements
}