元素隐藏
2016-01-26 16:58
260 查看
{ display: none; } 不占据空间,无法点击
{ visibility: hidden; } 占据空间,无法点击
{ position: absolute; clip:rect(1px 1px 1px 1px); } 不占据空间,无法点击
{ 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); ie6,7,9不占空间,ie8,chrome,firefox,opera占空间,无法点击
-o-transform: scale(0);
transform: scale(0);
}
{
position: absolute;
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0); 不占空间,无法点击
-o-transform: scale(0);
transform: scale(0);
}
display: none; visibility: hidden; 无法被辅助阅读设备识别
适用于最小辈元素,无子元素
display:none 会应用于所有子元素,且破不了
visibility: hidden; 也应用于所有子元素,但是如果子元素设置 visibility: visible; 就可以重见天日
{ visibility: hidden; } 占据空间,无法点击
{ position: absolute; clip:rect(1px 1px 1px 1px); } 不占据空间,无法点击
{ 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); ie6,7,9不占空间,ie8,chrome,firefox,opera占空间,无法点击
-o-transform: scale(0);
transform: scale(0);
}
{
position: absolute;
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0); 不占空间,无法点击
-o-transform: scale(0);
transform: scale(0);
}
display: none; visibility: hidden; 无法被辅助阅读设备识别
适用于最小辈元素,无子元素
display:none 会应用于所有子元素,且破不了
visibility: hidden; 也应用于所有子元素,但是如果子元素设置 visibility: visible; 就可以重见天日
相关文章推荐
- java提高篇(十七)-----异常(二)
- Servlet的生命周期
- CSS一些不常用但是有用的属性
- 关于PHP 的strtotime("2016.01.26")不输出问题bug查找
- jQuery获取的checkbox的属性checked为undefined
- JAVA序列化的作用
- 现代浏览器内部
- 关于一次oracle sqlplus可登陆,但监听起不来的解决。由于listener.log文件超过4G
- C#实现多文件上传,写到文件夹中,获取文件信息以及下载文件和删除文件
- 可以避免oom
- 图像采集处理之Vivado设计
- hdu acm 3018 Ant Trip
- 详解c++ 引用(reference)与 指针(pointer)的区别与联系
- 硬盘接口类型
- Win8快速开机到底隐藏了什么秘密
- Python 连接 Hbase
- 232,下载图片到沙盒的整个流程
- MATLAB.NET混合编程之二~~由C#调用MATLAB编译生成的dll
- 证明01分数背包问题具有贪心选择性质
- [转]nodejs npm常用命令