开发者社区 问答 正文

求解关于伪类和visibility的问题

想把鼠标悬停在“用户”上时表格会显现出来,可是为什么以下代码不能实现?到底哪里错了好烦躁呀!

展开
收起
杨冬芳 2016-06-16 10:59:09 1885 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
         table{
             visibility: hidden;
         }
          a:hover table{
            visibility: visible;
         }
        </style>
    </head>
    <body>
    
    
    <div>
    
        <a href="">用户</a>
        <table>
            <tr>
                <td>
                    <a href="">好友</a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="">关注</a>
                </td></tr>
            <tr>
                <td>
                    <a href="">设置</a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="">消息</a>
                </td>
            </tr>
        </table>
     
      </div>
    
    
    </body>
    </html>
    2019-07-17 19:40:32
    赞同 展开评论
问答地址: