css 怎么把一个元素藏起来

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;

猜你喜欢

转载自blog.csdn.net/qq_37600506/article/details/120829427