CSS下拉菜单和选择的jquery以及z索引

我在放置为jquery选择的z索引css代码和插件时遇到了问题

我的下拉菜单位于所有内容的顶部，您可以在此处看到：

我的HTML代码：

<div id="header">
    <div id="mainmenu">
        <ul>
            <li><a href="#">Menu 1</a>
                <ul>
                    <li><a href="#">Submenu 1</a></li>
                </ul>
            </li>
            <li><a href="#">Menu 2</a>
                <ul>
                    <li><a href="#">Submenu 1</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<div class="chznselect">
    <select class="chz-select" name="example">
        <option value="1">Value 1</option>
        <option value="2">Value 2</option>
        <option value="3">Value 3</option>
        <option value="4">Value 4</option>
        <option value="5">Value 5</option>
    </select>
</div>

值1
价值2
价值3
价值4
价值5

我尝试在任何地方添加z索引代码，但它似乎对我都不起作用

---

希望你能帮助我

一个元素的z索引仅与同一堆叠上下文中的其他元素相关

发件人：

在mobile WebKit和Chrome 22+上，位置：固定始终创建新的 堆叠上下文，即使z索引为“自动”

换句话说，由于

标题

具有

位置：固定

，因此其子元素与

标题

之外的元素处于不同的堆叠上下文中（就像您的

chznselect

元素）

但是，

标题

本身与

chznselect

处于相同的堆叠上下文中。由于您给了

chznselect

一个大于0的z索引，而没有为

标题指定z索引（即其z索引是自动的），
chznselect
将始终显示在
标题及其所有子元素的顶部

这是你的更新版本，我给了
标题
一个大于
chznselect
的z索引——看起来它现在正在按预期工作