1、使用display进行隐藏,简单粗暴,会直接将元素从文档中删除,不利于SEO。用法:display: none;
2、使用text-index设置文本的缩进,给其一个大的负值。用法:text-indent: -999em;
3、使用position,定位值(top, left, bottom, right)给其一个大的负值。用法: position: absolute;top: -999em
4、使用visibility,设置值为hidden,该属性有继承作用,如果子元素要显示,那么要单独设置子元素的visibility值为visible
5、使用透明度属性opacity,设置值为0。低版本IE浏览器需要使用 filter属性进行设置。用法: opacity: 0; filter: opacity(0);
6、设置其font-size值为0。这个方法对IE6~7会失效,字体仍然存在
7、使用 height+ overflow 或者 width+overflow 进行设置元素隐藏
height: 0;
overflow: hidden;
或者
width: 0;
overflow: hidden;