css实现隐藏效果

Posted rosendolu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css实现隐藏效果相关的知识,希望对你有一定的参考价值。

    <div class="dispaly_none ">1</div>
    <div class="visibility_hidden">2</div>
    <div class="opacity_0">3</div>
    <div class="transparent">4</div>
    <div class="top_999em">5</div>
    <div class="scale_0">6</div>
    <div class="width_0">7</div>
  display: none; 

  visibility: hidden;
  
  opacity: 0;

  color:transparent;
  background: transparent;

  position: absolute;
  top: 999em;

  transform: scale(0);

  width: 0;
  height: 0;
  overflow: hidden;

  position:fix/absolute;
  clip:rect(1px 1px 1px 1px);

  hidden // html5 全局属性

    text-indent: -999em;

  

参考

以上是关于css实现隐藏效果的主要内容,如果未能解决你的问题,请参考以下文章

DIV+CSS实现弹出窗口隐藏/显示效果+背景变暗

DIV,CSS如何实现“加减号”“显示隐藏”效果

DIV,CSS如何实现“加减号”“显示隐藏”效果

html中如何用css实现隐藏部分div的效果,如下图所示:

jQuery 实现显示与隐藏效果

三种方式实现下拉菜单效果