AI 正在尝试创建一个响应式布局，它大部分都显示正常，但我在较小的屏幕上使用下拉菜单时遇到了问题。在较小的屏幕上，z-index 为 2000 的添加到购物车 div 位于导航下方，因此当鼠标悬停在任何菜单项上时，我的下拉菜单会隐藏在其下方。为了避免这种情况，我已将 z-index:2000000 添加到我的下拉菜单位中，但它并没有解决问题。因此，如果有人能告诉我我做错了什么，我将不胜感激？
B. 我见过像 tinynav 和响应式导航这样的 jquery 插件，它们可以在屏幕调整大小时转换<ul>为相同的东西，同样的东西也可以在带有嵌套元素的<select>下拉菜单上工作吗？<ul>
这是我的CSS的一部分：
#cart {
width: 220px;
position: absolute;
right: 0px;
top: 0px;
z-index: 2000;
background: url(images/crt_bb.png);
overflow: hidden;
}
.sub-menu {
background-color: #fff;
border: #e6e6e6 1px solid;
border-radius: 3px;
position: absolute;
min-width: 170px;
z-index: 2000000;
display: none;
left: -20px !important;
}
这是网址：http : //daccordinc.com/ 将浏览器调整为更小的尺寸，并将鼠标悬停在导航中的衬衫上以查看问题。
亲切的问候艾哈迈尔