我目前正在创建一个使用图片的网站,当它悬停时显示一小段文字。这与nowthisnews.com网站所做的相似。文字未显示在悬停上
但是,我无法得到这个工作正常。
这里是什么,我已经这么远的一个片段:
#facebook-menu {
display: none;
}
#facebook {
cursor: pointer;
}
#facebook:hover + #facebook-menu {
display: block;
}
<footer>
<div id="footer"></div>
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1 text-center">
<br>
<ul class="list-inline">
<div class="hover">
<img href="" id="facebook" src="https://cdn1.iconfinder.com/data/icons/logotypes/32/square-facebook-128.png" height="39px" width="39px"></div>
</ul>
</div>
</div>
</div>
<div id="facebook-menu">
<font size=5><b>Geeky Pixel</b>
<br><font size=2>
Get all news and updates directly to your Facebook feed.<font size=5>
谁能告诉我在哪里,我错了?
谢谢
请注意:编码不是我的强项。这里可能有很多错误。
只是用js做这个,我会在一分钟内为此做一个codepen。 –