鼠标经过显示隐藏层 - EUCMS企业智能建站系统为您解答

欢迎加入EUCMS官方QQ交流群，与更多EUCMS用户一起讨论，共同发财！

QQ群：1222386

鼠标经过显示隐藏层
2020-06-08 676

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .hover{
            display: block;
            width: 80px;
            line-height: 30px;
            height: 30px;
            overflow: hidden;
            position: relative;
        }
        .hover:hover{
            overflow: visible;
        }
        .hover .ex{
            position: absolute;
            left: 80px;
            top: 0;
            width: 200px;
            line-height: 60px;
            background: #ff0;
            text-align: center;
        }
    </style>
</head>
<body>
    <a class="hover" href="#">
        <span>鼠标2113</span>
        <div class="ex">
            我是伸5261展出来4102的东1653西.
        </div>
    </a>
</body>
</html>

【上一篇：做网站公司怎么选择】
【下一篇：防采集代码】

你觉得这篇文章怎么样？

0 0

参与讨论

请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。