css hover: display:block;伪类在下拉菜单中的应用需要注意z-index的使用_html/css_WEB-ITnose

    
            
  
M_UserName; ?>
        
        

会员中心
  
我的空间
              
我的留言
            
我的收藏
            
发表文章
            
好友管理
            
访客记录
            
查找好友
   
 退出登录 
        

css:

.pr{position:relative;}
.pa{position:absolute;}

.userinfo2 .mylink2{z-index:1;display:none;width:80px;background:#fff;}

.userinfo2:hover .mylink2{display:block;}

以上用法,注意增加z-index这一句,否则,下拉菜单在遇到导航或其它元素时,可能会闪烁或意外隐藏等.