-1

我试图让我的下拉导航位于所有内容之上。我只能在不使用 JQuery 的情况下将它放在 HTML 元素之上。所以当我将鼠标悬停在它上面时，所有带有 JQuery 的东西都会重叠。我错过了什么？

#container{
float:right;
width: 72%;
margin-right:2%;
}

.menu ul li:hover ul {
display:block;
z-index:999;
}

.menu ul ul {
display:none;
position:absolute;
left:92%;
margin-top:-3.3em;
}

在我的内容中使用 JQuery：http: //michellecantin.ca/test/features/accordions/ http://michellecantin.ca/test/features/grids/

在我的内容中不使用 JQuery：http: //michellecantin.ca/test/

为什么我的菜单不与使用 JQuery 的元素重叠？我该怎么做才能修复它？

4

1 回答 1

1

要解决您的问题：

改变这种风格：

.accordion-style1 dt a span, .accordion-style2 dt a span, .accordion-style3 dt a span, .accordion-style4 dt a span {
    font: 2em PulsarJS;
    margin-top: -0.15em;
    position: absolute;
    right: 0.2em;
    transition: color 0.5s ease 0s, text-shadow 0.5s ease 0s;
}

对此：

.accordion-style1 dt a span, .accordion-style2 dt a span, .accordion-style3 dt a span, .accordion-style4 dt a span {
    font: 2em PulsarJS;
    margin-top: -0.15em;
    float:right;
    transition: color 0.5s ease 0s, text-shadow 0.5s ease 0s;
}

并改变这种风格：

.accordion-style1 dt a:link, .accordion-style1 dt a:active, .accordion-style1 dt a:visited, .accordion-style2 dt a:link, .accordion-style2 dt a:active, .accordion-style2 dt a:visited, .accordion-style3 dt a:link, .accordion-style3 dt a:active, .accordion-style3 dt a:visited, .accordion-style4 dt a:link, .accordion-style4 dt a:active, .accordion-style4 dt a:visited {
    font-weight: bold;
    padding: 0.75em;
    position: relative;
}

对此；

.accordion-style1 dt a:link, .accordion-style1 dt a:active, .accordion-style1 dt a:visited, .accordion-style2 dt a:link, .accordion-style2 dt a:active, .accordion-style2 dt a:visited, .accordion-style3 dt a:link, .accordion-style3 dt a:active, .accordion-style3 dt a:visited, .accordion-style4 dt a:link, .accordion-style4 dt a:active, .accordion-style4 dt a:visited {
    font-weight: bold;
    padding: 0.75em;
}
于 2013-11-11T19:53:35.647 回答