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;

  

参考

• how to : hide content
• hiding content for accessibility

转载于:https://www.cnblogs.com/rosendolu/p/11223386.html