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/ 将浏览器调整为更小的尺寸,并将鼠标悬停在导航中的衬衫上以查看问题。
亲切的问候艾哈迈尔