在CSS中，opacity:0和display:none有什么区别？
在CSS中，opacity:0和display:none有什么区别？
这个问题已经有了答案:
我正在使用jQuery的fadeIn/fadeOut方法并对它的精确操作感到困惑。文档说明该方法会影响元素的opacity属性，但display:none也可以隐藏元素并将其淡入。opacity:0和display:none是相同的吗？我使用这些方法看到了一些非常卡顿的动画，希望更好地了解发生了什么。
admin 更改状态以发布 2023年5月21日
这两种情况都会让元素不可见，但是属性是不同的：
opacity: 0：不可见，但是占据显示空间（影响布局）并且可点击display: none：不可见，不占据显示空间，因此不可点击
让我再添加一个在这个背景下相关的第三个：
visibility: hidden：不可见，占据显示空间，并且不可点击
这里我做了一个演示： http://jsfiddle.net/sebastien_worms/tCbJD/
