隐藏元素方法?以及区别?

2023-12-27 23:07:51

1、visibility: hidden:

此方法将元素隐藏,但元素仍然会对网页布局起作用,即它占据空间。元素不会响应任何用户交互。

2.display: none:

此属性确保元素不仅不可见,而且不会生成盒模型,即元素不占据任何空间。任何对该元素的直接用户交互操作都不可能生效。

与 visibility: hidden 不同的是,使用 display: none,元素及其所有子孙元素都会被同时隐藏,且读屏软件也不会读到元素的内容。

3.transform: scale(0):

通过将元素缩小至无限小,使其变得不可见。元素原来所在的位置会被保留。

4绝对定位,移除页面

5.CSS透明度可以通过设置元素的opacity属性来实现。

该属性接受一个0到1之间的值,其中0表示完全透明,1表示完全不透明。

文章来源:https://blog.csdn.net/weixin_69232086/article/details/135254071
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。