Css 如何将菜单项放置在旋转木马顶部的固定位置？

我正在使用wt旋转木马插件与引导。我必须把菜单放在左上角旋转木马顶部的固定位置。即使图像淡入淡出，菜单也应保留在那里。有没有一种使用CSS的方法

编辑：添加下面的代码。 到目前为止，只有下面的代码。这是一个引导式jumbotron，里面有一个wt旋转转盘。在这个旋转木马上面，我必须放一份菜单

    <div class="jumbotron">
  <div class="container">      
        <div id="banner-container">

            <div class="wt-rotator">
                <div class="c-panel">               
                    <div class="thumbnails">
                        <ul>
                            <li>
                                <a href="images/image1.jpg"></a>
                            </li>
                            <li>
                                <a href="images/image2.jpg"></a>
                            </li>
                            <li>
                                <a href="images/image3.jpg"></a>
                            </li>
                            <li>
                                <a href="images/image4.jpg"></a>
                            </li>
                        </ul>
                    </div>

                    <div class="buttons">
                        <div class="prev-btn"></div>
                        <div class="play-btn"></div>
                        <div class="next-btn"></div>
                    </div>

                </div>
            </div>
        </div>
  </div>

您可以使用位置绝对值和z索引优于滑块的外部div，并将该div放在滑块的前面。

您能用您迄今为止尝试过的方法添加代码片段吗？一个示例肯定会帮助我们理解您的问题……因为它现在就在这里，听起来你需要做的就是添加一个单独的div，然后在你的css中，将该div设置为

位置：fixed。这样，你的div（或者在本例中，你的菜单）将被修复，并且在你的旋转木马插件之外。发布了html，我实际上没有任何CSS，因为我只是使用了bootstrap和wt rotatorokay中的默认CSS类，这很有效，谢谢。但是在电话上它是混乱的，因为我把位置放在了绝对位置：（在电脑上它看起来很好。有什么技巧可以让它在电话上工作吗？你能展示一下例子，这样我就可以测试吗？你需要用%而不是px上的位置。也许可以