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），

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

2 个答案: