【CSS3】---元素隐藏(是否占据空间、是否可点击)
来源:互联网 发布:广点通php sdk 编辑:程序博客网 时间:2024/06/05 16:41
在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。
{ display: none; /* 不占据空间,无法点击 */ }{ visibility: hidden; /* 占据空间,无法点击 */ }{ position: absolute; top: -999em; /* 不占据空间,无法点击 */ }{ position: relative; top: -999em; /* 占据空间,无法点击 */ }{ position: absolute; visibility: hidden; /* 不占据空间,无法点击 */ }{ height: 0; overflow: hidden; /* 不占据空间,无法点击 */ }{ opacity: 0; filter:Alpha(opacity=0); /* 占据空间,可以点击 */ }{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* 不占据空间,可以点击 */ }{ zoom: 0.001; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* IE6/IE7/IE9不占据空间,IE8/FireFox/Chrome/Opera占据空间。都无法点击 */}{ position: absolute; zoom: 0.001; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* 不占据空间,无法点击 */}
0 0
- 【CSS3】---元素隐藏(是否占据空间、是否可点击)
- 【初级-个人理解】float是否脱离普通流?是否占据空间?以及浮动对内联和块元素的影响。
- jQuery判断元素是否显示 是否隐藏
- jQuery判断元素是否显示 是否隐藏
- jQuery判断元素是否显示 是否隐藏
- JQuery判断元素是否隐藏
- js判断元素是否隐藏
- jquery判断元素是否隐藏
- javascript判断元素是否隐藏
- 干货:如何使用jQuery检查元素是否隐藏(总结)
- 干货:如何使用jQuery检查元素是否隐藏(总结)
- Android设置Dialog是否可隐藏
- popupwindow控制点击空白处是否隐藏
- jquery判断元素是否是隐藏
- jQuery判断元素是否显示与隐藏
- jQuery判断元素是否显示或隐藏
- js判断元素是否隐藏、显示
- 查看表空间是否可扩展
- 【Mongodb】---Scheme和Collections对应问题
- 【Mongodb】---关联表查询population
- 前端插件Emmet
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范
- 【CSS3】---:before :after生成内容
- 【CSS3】---元素隐藏(是否占据空间、是否可点击)
- 【CSS3】---@font-face
- ffmpeg代码实现自定义encoder
- c++面向对象编程必备“良方”(欢迎大家来补充!)
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
- 【CSS3】---曲线阴影翘边阴影
- C# partial 说明
- 【CSS3】---盒模型margin、padding及border
- 【CSS3】---样式小技巧