zoukankan      html  css  js  c++  java
  • 隐藏属性对元素的click事件的影响

    在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);

    /* 不占据空间,无法点击 */

    }





  • 相关阅读:
    1Z0-053 争议题目解析
    Vertica 高可用性测试
    Vertica 导出数据测试用例
    Oracle安装部署,版本升级,应用补丁快速参考
    记录一则数据库连接故障ORA-12560,ORA-12518
    记录一则RMAN备份策略修正案例
    oracle 存储过程 变量的声明和赋值的3种方式
    tomcat 如何查看tomcat版本及位数
    64位Ubuntu 14.04 安装wps
    图表中怎样实现动态变更分类轴与系列值
  • 原文地址:https://www.cnblogs.com/mmyh/p/6021712.html
Copyright © 2011-2022 走看看