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

关于display和visibility

时间:2018-12-08 17:09:38      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:mil   play   遇到   src   spl   分享图片   使用   作用   png   

技术分享图片display在隐藏时并不占用整体宽高所以有的小伙伴们会遇到一个问题。

  当使用display来制作鼠标悬浮效果的时候;如果在顶端加入一个图形(比如三角)使得悬浮可见,这个时候新的图形显示出来之后因为display本身隐藏起来的时候是不占宽高的,但是因为新图形显示了出来宽高被撑起来所以图片会向下动,那这个时候怎么办呢?

  这个时候visibility的作用就凸显出来了:即使在visibility本身即使被隐藏下来也是一样的占用了整体的宽和高所以即使鼠标悬浮的时候图形显示出来也只是占用了visibility的空间并不会影响上一级的大小所以图片并不会受到影响。

  例如:技术分享图片技术分享图片

关于display和visibility

标签:mil   play   遇到   src   spl   分享图片   使用   作用   png   

原文地址:https://www.cnblogs.com/cx19950223/p/10088062.html

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