如何使一些控件可见和重叠的DIV，当鼠标悬停在它

本文关键字：DIV 鼠标 悬停 重叠 何使一 控件 | 更新日期: 2023-09-27 17:50:46

我不太擅长CSS和JavaScript。我在一个文章网站上工作，用户创建和编辑文章。目前，每当用户想要删除或编辑一篇文章时，他就单击每个表示文章的DIV下面给出的某个按钮。代码是这样的

<div id="article"><!-- article data --></div>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
            style="height: 26px" Text="Delete" />

但是我想要的是，当页面加载时，这个删除按钮必须不可见。它应该只有在用户将鼠标悬停在相应的div上时才可见，并且它应该在div的右下角重叠div。请告诉我如何做到这一点?

如何使一些控件可见和重叠的DIV，当鼠标悬停在它

使用jQuery处理淡入和淡出。我不知道任何关于ASP或c#，但也许这将有助于演示!只要把鼠标悬停在左下角的黑色方块上，你就会看到删除按钮出现。jQuery可以在这里看到:

$('.delete input').hide();
$('.delete').hover(
    function() {
        $('.delete input').fadeIn();
    }, function() {
      $('.delete input').fadeOut();
    }
);

如果你想让按钮在css中可见，它应该像

div:hover input {visibility: visible}

可以用你给的代码。当然，如果您有一个更复杂的页面，您应该使规则更具体(可能是为div指定一个类)

相关文章：