CSS 隐藏页面元素有哪些方法？有何不同？
回答·34
最热
最新
- display 属性，visibility 属性，opacity 属性 display:none 隐藏元素，不占用空间 visibility:hidden 隐藏元素，占用空间 opacity:0 设置元素透明度，占用拥空间 当然也可以把元素内容和样式置空也可以实现隐藏元素的目的 手打的不容易，给个 get，给👍，愿程序员都不秃头。
- display: none; 不在文档流中占位，浏览器也不会解析该元素。 visibility:hidden; 视觉上隐藏，但还在文档流中占位，浏览器会解析该元素。 将元素设置为 display:none 后，元素在页面上将彻底消失，元素本来占有的空间就会被其他元素占有，也就是说它会导致浏览器的重排和重绘。 visibility:hidden 适用于那些元素隐藏后不希望页面布局会发生变化的场景。 设置元素的 position 与 left，top，bottom，right 等，将元素移出至屏幕外 设置元素的 position 与 z-index，将 z-index 设置成尽量小的负数
- 一：display：none;隐藏不占位 二：position：absolut;left/top:-99999px;足够大的负值使其不可见 三：visibility：hidden；隐藏占位，不会响应点击件 四：opacity：0；严格来说这个并不是隐藏，透明之后它还占据着页面位置，所以在重排的时候还是会被计算消耗性能。 五：width/height 为 0 而且可以在二级下拉菜单中设置其慢慢打开的效果。相对于 display 来说适用范围太窄，但是好处是能使用 CSS3 动画。 六：拿一个白色 div 盖住它，或者和背景颜色相同。可以出现回字显现效果；
- 你被百度拉黑了吗？？？
- display 属性，visibility 属性，opacity 属性 display:none 隐藏元素，不占用空间 visibility:hidden 隐藏元素，占用空间 opacity:0 设置元素透明度，占用拥空间 当然也可以把元素内容和样式置空也可以实现隐藏元素的目的 手打的不容易，给个 get，给👍，愿程序员都不秃头。
- 设置 z-index 层级小于零
- 各位说的都不错，项目中还需因地制宜。
- 还有一种办法就是高度和宽度都设置成 0 就看不见了
- 咋了，百度打不开了吗？
- display:none display:none 是通常最实用的隐藏元素的方法 .conceal{display:none;} 将元素设置的 display:none,可以将元素在页面中彻底消失。 此元素原本所占据的位... 2. visibility:hidden visibility:hidden 也是非常常用的一种隐藏方式,但是跟 display:none 大有不.