最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
在CSS里display与visibility有哪些区别？
时间：2022-07-02 12:42:43 编辑：袖梨 来源：一聚教程网
前几天在做一个图片无间隙滚动的效果，要利用到一个隐藏的层。
在之间复制以前文字滚动的效果代码（文字滚动时无错误），结果发现页面被拉长了一倍，也就是隐藏的层。
查CSS手册后发现了隐藏内容原来是有区别的，一种是保留对象的物理空间，一种是不保留。
display:none
CSS1 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间
visibility:hidden
对象隐藏，与 display 属性不同，此属性为隐藏的对象保留其占据的物理空间
但是因为使用了visibility:hidden，拉长的内容其实就是那个含有图片的DIV；而改用display:none后就正常了。一直怀疑是高度设置的问题，没想到居然就是这么简单的一点内容。
在之间复制以前文字滚动的效果代码（文字滚动时无错误），结果发现页面被拉长了一倍，也就是隐藏的层。
查CSS手册后发现了隐藏内容原来是有区别的，一种是保留对象的物理空间，一种是不保留。
display:none
CSS1 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间
visibility:hidden
对象隐藏，与 display 属性不同，此属性为隐藏的对象保留其占据的物理空间
但是因为使用了visibility:hidden，拉长的内容其实就是那个含有图片的DIV；而改用display:none后就正常了。一直怀疑是高度设置的问题，没想到居然就是这么简单的一点内容。
相关文章
- 空洞骑士丝之歌白愈厅怎么进入 白愈厅进入方法 09-19
- 空洞骑士丝之歌织光仪怎么获得 织光仪获取攻略 09-19
- 无限暖暖技巧之外琴弦之上任务怎么做 技巧之外琴弦之上任务流程攻略 09-19
- 大侠立志传不老泉怎么触发-不老泉触发方法 09-19
- 无限暖暖音乐季任务暖意于风中传递怎么做 音乐季任务暖意于风中传递攻略 09-19
- 无限暖暖神秘作者任务怎么做 神秘作者任务流程攻略 09-18