摘自张鑫旭老师的博客—— display:none和visibility:hidden都能使元素隐藏,但是有明显区别,主要有以下三点: 1、空间占据。 使用display隐藏后,元素不占用任何空间,而visibility占据的空间仍在。 2、重排与重绘 reflow和repaint。由于displa ...
分类:
Web程序 时间:
2016-12-29 20:11:01
阅读次数:
236
什么是 Page Visibility ?Page Visibility 即页面可见性,通过 visibilityState 的值检测页面当前是否可见。当一个网站是可见或点击选中的状态时 Page Visibility API 可以让你获取到这种状态,当用户最小化网页或者浏览到其他标签的网页时,AP ...
分类:
Web程序 时间:
2016-12-29 19:33:59
阅读次数:
245
display:none; 表单 type=”hidden” 宽高设为0 height:0;width:0; 祖先元素隐藏或在页面外 margin Visibility:hidden; Opacity:0; ...
分类:
其他好文 时间:
2016-12-24 02:28:40
阅读次数:
148
主要参考的文章:https://my.oschina.net/xsh1208/blog/215811,https://zhidao.baidu.com/question/568774688.html 隐藏和显示div的方式有两种: 方式1:隐藏后仍占有页面空间,显示空白div的visibility可 ...
分类:
Web程序 时间:
2016-12-23 16:54:52
阅读次数:
495
今天来个3D旋转菜单,是纯css3实现的,主要用到transform,transition,backface-visibility。 主要是transform这个变换,它是今天猪脚。 transform里有transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素。 transfo ...
分类:
其他好文 时间:
2016-12-22 06:21:36
阅读次数:
179
Page Visibility 会在浏览器的 document 对象上添加两个属性 hidden 和 visibilityState 。如果当前的标签被激活了,那么 document.hidden 的值为 false ,否则为 true 。visibilityState 则有4个可能值 1.hidd ...
分类:
其他好文 时间:
2016-12-14 13:50:44
阅读次数:
253
抛弃那些没用的方法,只记住最实用的一种方法即可! 给要清除浮动的父元素多加一个class属性:clearfix!!! 样式如下: .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; ...
分类:
其他好文 时间:
2016-12-05 23:24:59
阅读次数:
235
在Android开发中,大部分控件都有visibility这个属性,其属性有3个分别为“visible ”、“invisible”、“gone”。主要用来设置控制控件的显示和隐藏。有些人可能会疑惑Invisible和gone是有什么区别的???那么,我们带着这个疑问看下面: 其在XML文件和Java ...
分类:
移动开发 时间:
2016-11-27 17:05:15
阅读次数:
234
一.常用的骨灰级清除浮动 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } 解读浮动闭合最佳方案:clearfix 二.使用斜 ...
分类:
Web程序 时间:
2016-11-22 23:05:11
阅读次数:
305
单伪元素:after (网易、新浪在用) afterj就是会在这个盒子的最后面生成一个内容:“” `.clearfix:after{ content:""; height:0; visibility:hidden; overflow:hidden; display:block; clear:both ...
分类:
其他好文 时间:
2016-11-15 08:05:53
阅读次数:
161