zoukankan      html  css  js  c++  java
  • 元素隐藏

    { 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; 就可以重见天日
  • 相关阅读:
    shell命令执行过程
    shell中的引用
    ansible小结
    centos自动化安装镜像制作
    centos kickstart
    centos内核引导参数
    C# .NET 遍历Json 形成键值对
    强大的Winform Chart图表控件使用说明
    C#实现转换十六进制
    C# 批量登陆远程目录
  • 原文地址:https://www.cnblogs.com/chuangweili/p/5160949.html
Copyright © 2011-2022 走看看