visibility: hidden;opacity:0区别
时间: 2023-04-10 19:02:29 浏览: 176
visibility: hidden; 和 opacity: 0; 都可以隐藏元素,但是它们的实现方式不同。visibility: hidden; 会隐藏元素,但是元素仍然占据页面空间,而 opacity: 0; 则会将元素透明度设置为0,元素不可见,但是仍然占据页面空间。
相关问题
visibility: hidden ; opacity:0;有区别吗
有区别。
- `visibility: hidden`:元素隐藏,但仍会占据页面空间,即使不可见也会影响布局。
- `opacity: 0`:元素完全透明,不可见,并且不会影响布局。
简而言之,`visibility: hidden`会让元素隐藏但仍占据空间,`opacity: 0`会让元素完全透明且不占据空间。
visibility:hidden和opacity
:的区别是什么?
visibility:hidden和opacity:都可以让元素不可见,但是它们的区别在于:
1. visibility:hidden会让元素不可见,但是元素仍然占据着原来的空间,也就是说,元素的位置还在,只是看不到了。
2. opacity:会让元素不可见,并且元素不再占据空间,也就是说,元素的位置也消失了。
阅读全文
相关推荐













