css实现隐藏效果

HTML结构

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

css

.hiden {
  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;
}

参考

• how to : hide content
• hiding content for accessibility