繁体   English   中英

一旦您将鼠标悬停在导航栏中的导航按钮上,是否可以显示它的描述?

[英]Is it possible to just make like once you hover your mouse over a navigation button in a navbar, it shows the description of it?

好的,所以我想知道我们是否可以像将鼠标悬停在导航栏中的导航图标上一样,它只是简单地展开它并显示该图标所指的内容,查看图片以获取更多信息。

https://i.stack.imgur.com/cOppy.png (没有 10 声望附加图像,tho)

假设我将鼠标悬停在 Facebook 图标上,它只显示一个描述,就像在另一个导航按钮中写着“Facebook 页面”一样,一旦我将鼠标移开,它就会消失。

我对此很陌生,我很感激任何帮助。

当前的 CSS:

 .showfacebook { display: none; } .showbook { display: none; } .showpen { display: none; } .showusergraduate { display: none; } .showusergroup { display: none; } .showfacebook a:hover { display: block; } .showbook a:hover { display: block; } .showpen a:hover { display: block; } .showusergraduate a:hover { display: block; } .showusergroup a:hover { display: block; }

您在寻找CSS 工具提示吗? 如果您想将图像本身更改为文本之类的其他内容,那么您将需要 JavaScript

用整个字体制作 fontawesome 图标 hover<div id="text_translate"><p> 请帮助我如何使用&lt;导航菜单上的链接制作字体真棒图标 hover</p><p> 我试过了:</p><p> li a.sc-ico:hover, .fa-windows:hover:before {color:blue;important;}</p><p> 它有效,但 hover 效果仅适用于 fontawesome 图标,当我在整个 &lt;a 链接上使用 hover 时,我需要 fontawesome hover。</p><p> 任何帮助表示赞赏</p></div>

[英]Make fontawesome icon hover with entire <a on navigation menu

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM