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

    又是好久没写博客了。每每想写篇博客,却发现比我写得好的多不胜数。

    当然,写博客的初心不会为了攀比和炫耀,但看到别人写得如此甚好,我只能自惭形秽了。

    于是选择了摘抄在自己的笔记里(oneNote中),在此也向那些写博客的人表达敬意。因为你们,我收获了很多。

    因为你们,很多次遇到难题,我迎面而解。也感激那些无私帮助我的人。

    还是就此步入正题好了,我怕偏题太远。

    关于元素的隐藏:

    1.display:none;  ----不占空间

    2.visibilityhidden; ----占空间,无法点击

    2.1 

       position: absolute;

       visibility: hidden;

       ---- 不占空间

    3.  opacity: 0;

        -moz-opacity: 0;  /* Moz + FF */

        filter: alpha(opacity=0); /* IE*/

        -----占空间,可点击(存在性能问题)

    4.  height:0;

        overflow:hidden;

        ----不占空间(只能用于块元素,因为行内元素设置高无效)

    5.  font-size:0

        ----不占空间 (某些浏览器不支持,存在兼容问题)

    6. text-indent: 9999px; -----设一个很大值

        height: 20px;

        overflow: hidden;

        -----占空间,可点击(只能用于块元素,因为text-indent只用于块元素首行)

         text-indent 可设一个很大的正值或者负值 视情况而定

    7. line-heihgt:500px;  -----设一个很大的值

        height:50px;

        overflow:hidden;

        -----占空间,可点击(只能用于块元素)

    8.   position: relative;

         top: -99999em;

          -----占空间,可点击

    9.  position: absolute;

         top: -99999em;

         ----不占空间

    10.  zoom: 0.001;

          -moz-transform: scale(0);

          -webkit-transform: scale(0);

          -o-transform: scale(0);

          transform: scale(0);

          -----不占空间(IE下好使,谷歌下内联元素不正常)

    11.如果支持的话,字体与背景颜色一致 也可伪隐藏效果

    css总是那么的神奇。。。

  • 相关阅读:
    LaTeX技巧22:LaTeX文档中的参考文献初级
    latex 三个不同的图放在一行且每个图都有注释
    CTeX学习心得总结
    latex不能识别eps图片
    山东大学《运筹学》课程课件
    高级算法设计讲义 Lecture Notes for Advanced Algorithm Design
    《计算复杂性》课件
    全球知名大学课件下载地址汇总
    用LaTeX写线性规划
    有感北大校长王恩哥的十句话
  • 原文地址:https://www.cnblogs.com/xiao-hong/p/3901702.html
Copyright © 2011-2022 走看看