码迷,mamicode.com
首页 > Web开发 > 详细

css隐藏元素的方法

时间:2017-09-14 21:45:05      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:style   奇葩   没有   scale   bsp   css   str   tran   pos   

1. display:none  

  去除元素位置;

  造成回流、重绘;

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

2. visibility:hidden

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

  造成重绘;

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

3. opacity:0  

  全透明;

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

  造成重绘;

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

4. transorm:scale(0)

  缩放缩为最小;

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

  造成回流、重绘;

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

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

css隐藏元素的方法

标签:style   奇葩   没有   scale   bsp   css   str   tran   pos   

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

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