
获得徽章 0
分析比较 opacity: 0、over-flow:hidden、visibility: hidden、display: none 的区别和优劣。
先看一看visibility:hidden
visibility: hidden 是一个 CSS 属性,它可以隐藏一个元素,使其在页面上不可见。与 display: none 不同,visibility: hidden 仍然占据空间,即该元素仍然在页面上占有其原来的位置和大小,只是不可见而已。这意味着,当你将一个元素的 visibility 属性设置为 hidden 时,它仍然会对页面布局产生影响,因为它仍然占据空间。与 opacity: 0 不同,visibility: hidden 会将元素完全隐藏,包括其内容,而 opacity: 0 仅仅是将元素变为透明,但其内容仍然可见。
先看一看visibility:hidden
visibility: hidden 是一个 CSS 属性,它可以隐藏一个元素,使其在页面上不可见。与 display: none 不同,visibility: hidden 仍然占据空间,即该元素仍然在页面上占有其原来的位置和大小,只是不可见而已。这意味着,当你将一个元素的 visibility 属性设置为 hidden 时,它仍然会对页面布局产生影响,因为它仍然占据空间。与 opacity: 0 不同,visibility: hidden 会将元素完全隐藏,包括其内容,而 opacity: 0 仅仅是将元素变为透明,但其内容仍然可见。
展开
评论
点赞