" width="42" height="42" /> M_UserName; ?> /index.php">会员中心 ">我的空间 /gues">
当前位置:Gxlcms > html代码 > csshover:display:block;伪类在下拉菜单中的应用需要注意z-index的使用_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:58人阅读

/index.php">
M_UserName; ?>
  • /index.php">会员中心
  • ">我的空间
  • /guestbook_admin.php">我的留言
  • /mystow.php">我的收藏
  • /article_add.php">发表文章
  • /myfriend.php">好友管理
  • /visit-history.php">访客记录
  • /search.php">查找好友
  • /index_do.php?fmdo=login&dopost=exit">退出登录

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这一句,否则,下拉菜单在遇到导航或其它元素时,可能会闪烁或意外隐藏等.

人气教程排行