Skip to content
MiTu

MiTu

A Web developer who loves to Reading and photography

请简述你让一个元素在窗口中消失的方案

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