当鼠标悬停在DIV上时，如何使某些控件可见并与DIV重叠？ [关闭]

Question

我不是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重叠。 请告诉我该怎么做？

Answer 1

这使用jQuery处理淡入和淡出。 我对ASP或C＃一无所知，但这可能对Demo有所帮助！ 只需将鼠标悬停在左下角的黑色方块上，您就会看到删除按钮。 jQuery可以在这里看到：

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

Answer 2

如果您想使按钮对CSS可见，那就像

div:hover input {visibility: visible}

这将与您提供的代码一起使用。 当然，如果您的页面更复杂，则应使规则更具体（可能将一个类分配给div）