您现在的位置是:首页 > web开发 > css隐藏元素的方法

css隐藏元素的方法

web开发作者:dayu日期:11天前点击:7

1. display:none

  去除元素位置;

  造成回流、重绘;

  元素都没有了,自然无法触发时事件了;

2. visibility:hidden

  元素存在且大小不变,只是没有渲染;

  造成重绘;

  元素绑定的事件不会触发了;

3. opacity:0

  全透明;

  元素存在且大小不变,只是没有渲染;

  造成重绘;

  元素绑定的事件依然会触发

4. transorm:scale(0)

  缩放缩为最小;

  元素存在,大小为0*0;

  造成回流、重绘;

5. position:absolute; top:-999em; left:-999em

  放置于视窗之外,比较奇葩的方法

css隐藏元素的方法

原文地址:http://www.cnblogs.com/hjqbit/p/7522490.html


下一篇       上一篇