[英]Z-Index not working on UL LI in drop-down
我有一個向左打開的下拉菜單,但顯示在內容下方。 我嘗試將內容z-index更改為1,將下拉列表更改為2,但無法正常工作。
這也是jsFiddle示例。 https://jsfiddle.net/dgy95y8q/8/
導航欄CSS不能折疊時:
.navmenu {
width: 0px;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 10px;
background: #fff;
text-align: center;
position: fixed;
left: 180px;
top: 25px;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
visibility: hidden;
opacity: 0;
-webkit-transition: all 300ms ease;
z-index: 0;
transition: all 300ms ease;
}
崩潰后:
.navmenu.opened {
visibility: visible;
opacity: 1;
width: 240px;
z-index: 1;
}
包裝CSS的主要內容:
.main {
float: left;
width: 85%;
background-color: rgb(255,255,255);
position: relative;
z-index: 2;
}
只需將.sidebar-left
z-index
更改為2
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.