能见度：隐藏;不透明度后：0;

Question

我有一个问题，我需要将div的可见性设置为“隐藏”后淡出。 到目前为止我的代码：

$('#layer')
    .stop(true, true)
    .animate({
        opacity:"0",
    },1000);

div覆盖整个页面，因此设置不透明度不是使div下的所有元素再次可点击的解决方案。

但是当我将代码更改为：

$('#layer')
    .stop(true, true)
    .animate({
        opacity:"0",
        visibility: "hidden"
    },1000);

它已经消失并且不可见，但仍然存在，并且干扰了我的对象的可点击性。

语法有问题吗？

希望你能帮助我，非常感谢！

Answer 1

如果对象不在那里，请改用.fadeOut(1000)。

Answer 2

在CSS中，visibility和display之间存在重要区别。可见性属性将使某些内容不可见，同时仍将其分解到页面的显示中。说visibility: hidden基本上会在你的物体上隐藏一些隐形物 - 其他东西仍然会碰到它，但物体只是看不见。

所以，你正在寻找display: none，它将完全从模型中删除

JK，我今天学到了一些东西！