实现遮罩层的方法有很多,但大多都是使用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; }
- 老大
- 老大大
- 老大二
- 老大三
- 老大四
- 老二
- 老三
- 老四
- 老一