鼠标放上缓慢从下面跑出产品服务这一层的介绍，鼠标移走后消失
我给题主提供替一下我的思路：
1.overlay层（产品服务这一层）初始化时可以隐藏在父节点下。
<img src=" " />
<div class="overlay">产品服务</div> 绝对定位
写回答
<div class="main">
<img>
<div class="mask"></div>
</div>给最外层的div设置
.main{position:relative；}
.main：hover .mask{top:0;}
.mask{position:absolute;top:-height;transform:all .5s;}
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
