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

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

    }





  • 相关阅读:
    Mac上TexStudio无法显示中文字符的问题
    python中import与from方法总结
    Jupter Notebook 使用技法
    python把列表(list)传给函数形参时的问题剖析
    Spyder常用快捷键
    用Tinkercad学arduino之 多喇叭发声
    用Tinkercad学arduino之 播放旋律
    用Tinkercad学arduino之 音调键盘 按键改变音调
    用Tinkercad学arduino之 伺服电机摆动
    用Tinkercad学arduino之 读取电位器模拟输入
  • 原文地址:https://www.cnblogs.com/mmyh/p/6021712.html
Copyright © 2011-2022 走看看