码迷,mamicode.com
首页 > 其他好文 > 详细

关于hover的一个问题记录

时间:2018-11-29 20:13:51      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:ado   关于   图片   分享图片   鼠标   描述   abs   文件夹   share   

问题描述:

页面显示:

技术分享图片

当鼠标移动到其中一个文件夹上面的时候,显示如下:

技术分享图片

显示这样的效果的原理是:对于外层元素.collectionsbox添加hover之后,再去取里面的元素,比如说左上角的share图标.btnShareTo,在这上面来设置css样式,即可达到效果

.collectionsbox-toparea .btnShareTo {
  text-shadow: rgb(0, 0, 0) 0px 1px 1px;
  position: absolute;
  top: 5px;
  display: none;
}
.collectionsbox:hover .btnShareTo {
  display: block;
}

 

关于hover的一个问题记录

标签:ado   关于   图片   分享图片   鼠标   描述   abs   文件夹   share   

原文地址:https://www.cnblogs.com/fuhuirong/p/10040080.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!