实现鼠标放到一个div上显示出另一个隐藏的div

来源:互联网 发布:光大金阳光软件 编辑:程序博客网 时间:2024/05/17 04:51
<!DOCTYPE html><html lang="zh-cn"><head>    <meta charset="utf-8"/>    <title>CSS Test Page</title>    <style type="text/css">        *{            margin: 0;            padding: 0;        }        .cent{            background:#0CF; height:200px; width:100px;        }        .cs{            width:100px;            height:200px;            background:#F09;            top:0px;            position:absolute;            opacity: 0;            display: block;            font-size: 12px;            transition: 0.3s;            -webkit-transition: .5s;            -moz-transition: .5s;        }        .cent:hover .cs{            color: #656e73;            opacity: 1;        }    </style></head><body><div class="cent">    This is the cent div    <div class="cs">        <p>this is a cs div</p>    </div></div></body></html>

4 0
原创粉丝点击