js css 实现遮罩层覆盖其他页面元素附图

z-index 必须大于遮罩元素

demo

 
 
 
 
 

 
 
 
 
ul, ul ul { 
list-style-type:none; 
margin: 0; 
padding: 0; 
width: 15em; 
} 

ul a { 
display: block; 
text-decoration: none; 
} 

ul li { 
margin-top: 1px; 
} 

ul li a { 
background: #333; 
color: #fff; 
padding: 0.5em; 
} 

ul li a:hover { 
background: #000; 
} 

ul li ul li a { 
background: #ccc; 
color: #000; 
padding-left: 20px; 
} 

ul li ul li a:hover,ul li ul .current a { 
background: #aaa; 
border-left: 5px #000 solid; 
padding-left: 15px; 
} 

 
 

 
 
 
 
老大 
 
 
老大大 
 
 
老大二 
 
 
老大三 
 
 
老大四 
 
 
 
 
老二 
 
 
老三 
 
 
老四 
 
老一
 
 
 
 
 

 

 

 

 

 

 


 



 

 

 
哈哈