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 yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了，如何解决？(操作系统-ubuntu)
  • ¥20 matlab yalmip kkt 双层优化问题
  • ¥15 如何在3D高斯飞溅的渲染的场景中获得一个可控的旋转物体
  • ¥88 实在没有想法，需要个思路
  • ¥15 MATLAB报错输入参数太多
  • ¥15 python中合并修改日期相同的CSV文件并按照修改日期的名字命名文件
  • ¥15 有赏，i卡绘世画不出
  • ¥15 如何用stata画出文献中常见的安慰剂检验图
  • ¥15 c语言链表结构体数据插入