menu 吃纸怪的纸哦
color_lens share
  • 主页
  • 友人帐
  • 关于










  • (笔记)HTML隐藏标签的多种方法和区别

    April 10, 2020












    (笔记)HTML隐藏标签的多种方法和区别
    2020年04月10日

    前言

    做新框架时看到便记了一下,对于我这种记不住东西的还是有帮助的

    代码

    { 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);
    /* 不占据空间,无法点击 */
    }
    html #css
    首页 > 分享推荐,代码笔记 > (笔记)HTML隐藏标签的多种方法和区别

    respond-post-40
    发布评论
    Post comments
    请填写称呼
    请填写合法的电子邮箱地址
    请填写合法的网站地址
    请填写内容

    设置文档主题

    主题色

    主色

    强调色