Javascript 仅当鼠标悬停在div上时才显示div

我的问题是，完成“重新登录”和“类似”按钮的首选代码是什么，仅当我将鼠标悬停在帖子上时才会显示？这里应该是这样的：

我在一个个人网站上工作，在，帖子在页面上水平移动，而不是上下移动

我还想创建一个网站，当你将鼠标悬停在一篇文章上时，会显示以下内容：reblog按钮，like按钮，permalink以及关于最初创建该文章的来源的信息

有没有一种更简单的方法可以实现这一点，因为我想出来的东西都不起作用

HTML:

---

你可以试试这样的

css

html

悬停
这将在悬停时显示

将要显示的内容放在要悬停的div中。如果包装器div为

.wrapper

，且悬停项位于div

中，则控件为
：

.controls {
    display:none;
}

.wrapper:hover .controls {
    display:block;
}

下面是一把小提琴，展示了这将如何工作：

如果这两个控件是同级的（并且控件不能在包装器中），则可以使用以下选项：

.div:hover ~ .controls {
    display:block;
}

这是这个版本的提琴
 欢迎来到SO。请编辑您的帖子，使其包含实际问题（而不是隐含问题）。目前，你的意图还不清楚。如果你还没有看到它，这可能会有帮助：（我不使用tumblr，如果它没有帮助和浪费时间，请道歉）我已经尝试过了。我不知道为什么它没有显示出来。我目前的一篇文章显示：#date{display:none；}#date:hover{display:block；}这对我来说不起作用，我肯定我的代码中缺少了一些东西。我用jsfiddles更新了这篇文章，显示了每种代码的工作原理。您需要使其适应您的代码（基于HTML）。从你的帖子中，我仍然无法理解你想要悬停的内容和你想要显示的内容（基于HTML）。如果你可以说我想让div悬浮在空中，然后显示span，那么我们可以给你准确的CSSWOAH！非常感谢。它起作用了。我从头开始，从你的建议开始。现在我要做的就是开始重新应用样式，希望一切都能坚持下去。再次感谢您的更新。你是超人，帮我完成了这个项目。（请随时补充您的实际生活）当然。请记住，您也可以用其他方法替换
显示
切换。不透明度
0至<代码>不透明度：1div {
    display: none;
}

a:hover + div {
    display: block;
}

<a>Hover</a>
<div>This to show on hover</div>

.controls {
    display:none;
}

.wrapper:hover .controls {
    display:block;
}

.div:hover ~ .controls {
    display:block;
}

#date:hover+#info,#info:hover{display:block}