xyjwyq 2016-08-18 06:59 采纳率: 50%
浏览 1548
已采纳

htnl5+css3布局中，下拉菜单遮挡的内容透视（如图），该如何解决？

图片说明图片说明

  • 写回答

3条回答

  • 当作看不见 2016-08-18 08:23
    关注
     <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function(){
            $('button').click(function(){
                $(".menu1 ,.menu2").slideToggle();
            })
        })
    </script>
    <style type="text/css">
        .menu{
            background-color: gray;
            width: 400px;
            height: 400px;
        }
        .menu1{
            background-color: chartreuse;
            width: 100px;
            display: none;
        }
        .menu2{
            background-color: red;
            width: 100px;
            display: none;
            position: absolute;
            top: 35px;
            left: 120px;
        }
        li{
            list-style-type: none;
        }
    </style>
    <body>
        <div class="menu">
            <button>展开</button>
            <div class="menu1">
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </div>
        </div>
        <div class="menu2">
                <li>1</li>
                <li>2</li>
                <li>3</li>
        </div>
    </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能！！有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗？
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题：求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题：怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘