Javascript 在不改变位置的情况下淡入淡出内联div？

这个问题可能有点让人困惑

我有一个内联div，第一个是关闭/删除按钮。我试图淡出悬停上的关闭按钮，尽管当它淡出时，其余div向左移动

你将如何防止这种情况

这是一把小提琴：

---

将鼠标悬停在“此处有一些文本”的顶部

您必须绝对定位要淡出的元素，并稍微移动文本：

---

您必须绝对定位要淡出的元素，并稍微移动文本：

jQuery函数.show和.hide，使用CSS属性display

当“属性显示”设置为“无”时，隐藏的HTML元素填充的空间将被删除。所以你的第二个div向左移动

您必须使用CSS属性可见性。它执行与显示相同的操作，但它保持空间由HTML填充

让我们试试：

在您的JS中：

$(".todo").mouseover(function() {
        $('.closebtn').css("visibility", "visible");
    });
    $(".todo").mouseout(function() {
        $('.closebtn').css("visibility", "hidden");
    });

还有你的CSS：

.closebtn, .actions{visibility:hidden;}

jQuery函数.show和.hide，使用CSS属性display

当“属性显示”设置为“无”时，隐藏的HTML元素填充的空间将被删除。所以你的第二个div向左移动

您必须使用CSS属性可见性。它执行与显示相同的操作，但它保持空间由HTML填充

让我们试试：

在您的JS中：

$(".todo").mouseover(function() {
        $('.closebtn').css("visibility", "visible");
    });
    $(".todo").mouseout(function() {
        $('.closebtn').css("visibility", "hidden");
    });

还有你的CSS：

.closebtn, .actions{visibility:hidden;}

---

啊，现在我明白了功能。显示和隐藏。。。非常感谢。我会将位置设置为绝对，因为有很多代码需要更改。现在我了解了函数。显示和。隐藏。。。非常感谢。我会将位置设置为绝对位置，因为有很多代码需要更改。我不建议在这种情况下使用绝对位置。因为，HTML元素是绝对的，很难维护，如果你想要一个与所有最常用的浏览器兼容的应用程序，可以调整浏览器的大小，也可以改变缩放级别，在这种情况下，我不建议使用绝对位置。因为，如果您希望应用程序与所有最常用的浏览器兼容、浏览器大小调整或缩放级别更改，则绝对HTML元素很难维护