C# 当鼠标悬停在DIV上时,如何使一些控件可见并与之重叠?

C# 当鼠标悬停在DIV上时,如何使一些控件可见并与之重叠?,c#,javascript,jquery,asp.net,css,C#,Javascript,Jquery,Asp.net,Css,我在CSS和JavaScript方面不是很专业。我在一个文章网站上工作,在那里用户可以创建和编辑文章。当前,每当用户想要删除或编辑文章时,他都会单击代表文章的每个DIV下面给出的一些按钮。代码是这样的 <div id="article"><!-- article data --></div> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" style

我在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重叠。请告诉我如何做到这一点?

这使用jQuery处理淡入和淡出。我对ASP或C一无所知,但也许这会有所帮助!只需将鼠标悬停在左下角的黑色方块上,您就会看到“删除”按钮出现。jQuery可以在这里看到:

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

如果您想让按钮通过css可见,它将类似于

div:hover input {visibility: visible}

这将与您提供的代码一起工作。当然,如果您有一个更复杂的页面,您应该使规则更具体(可能是将一个类指定给div)

当我将鼠标悬停在
上时,它是可见的,并且只有当我有
边框:1px纯黑时,它才起作用在css中启用。但是我希望当我将鼠标悬停在
上并且没有css中设置的border属性时,它应该是可见的。我该如何实现这一点?@shivaparek使用给您提供示例的代码,并自行解决。不要期望在这里为你编程的所有细节。然后,如果你有什么问题,回来问他。湿婆,你不需要边界。如果您注释掉CSS,该区域将从视图中“隐藏”。我建议降低透明度,这样管理员就可以看到按钮了。如果您想让它在某人输入
.article
元素时立即可见,那么只需更改jQuery,特别是
$(**'.delete'**)。悬停
确定谢谢@djthoms,这对我很有效。标记为答案。:)