首页 > 技术文章 > 你能想出几种方法让元素在页面中消失?

-candy 2020-12-30 19:16 原文

1.display:none;(将整个元素隐藏,并且不会占据任何的空间)

2.visibility:hidden;(元素的内容不可见,但是元素仍然保持原来的位置和大小)

3.设定它的位置,让其消失不见:

position:absolute或fixed,用z-index遮盖。

4.overflow:hidden将要隐藏的元素移除父元素的范围。

5.设置元素为透明:即opacity:0;

6.设置元素的clip(在新的css中使用clip-path来代替clip) 要让其生效,必须给元素的position的值设置为absolute或者fixed。

7.将元素的font-size,line-height,width,height设置为0;(虽然这些方法很赖皮。)

8.设置元素的transform的translateX(Y)的值为-100%;

推荐阅读