如何在导航菜单中输入图标并将其悬停在子菜单上？
[英]How do I input an icon in the navigation menu and make it hover sub menus?
问题描述
我想知道是否有人可以告诉我如何在导航菜单中实现图标，却找不到合适的教程。 我正在尝试做与此类似的事情-
[1] http://i.imgur.com/Lp4aLyr.jpg?1 “导航示例（悬停之前和之后）”
如何放置带有文本的图标（或完整的图像图标），而不是普通的li文本？
欣赏它。
1 个解决方案
解决方案1
1 已采纳 2013-04-19 18:15:39
用整个字体制作 fontawesome 图标 hover<div id="text_translate"><p> 请帮助我如何使用<导航菜单上的链接制作字体真棒图标 hover</p><p> 我试过了：</p><p> li a.sc-ico:hover, .fa-windows:hover:before {color:blue;important;}</p><p> 它有效，但 hover 效果仅适用于 fontawesome 图标，当我在整个 <a 链接上使用 hover 时，我需要 fontawesome hover。</p><p> 任何帮助表示赞赏</p></div>
[英]Make fontawesome icon hover with entire <a on navigation menu
将鼠标移动到子菜单时，如何在父导航元素上保持悬停状态？
[英]How do I retain hover state on parent navigation element while moving your mouse to the sub menu?
如何将响应式导航栏上的菜单图标动画化为 x 图标？
[英]How do I make a menu icon on a responsive navigation bar animated into an x icon?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何允许用户跳过站点的子导航菜单？
用整个字体制作 fontawesome 图标 hover<div id="text_translate"><p> 请帮助我如何使用<导航菜单上的链接制作字体真棒图标 hover</p><p> 我试过了：</p><p> li a.sc-ico:hover, .fa-windows:hover:before {color:blue;important;}</p><p> 它有效，但 hover 效果仅适用于 fontawesome 图标，当我在整个 <a 链接上使用 hover 时，我需要 fontawesome hover。</p><p> 任何帮助表示赞赏</p></div>
将鼠标移动到子菜单时，如何在父导航元素上保持悬停状态？
如何将响应式导航栏上的菜单图标动画化为 x 图标？
我如何 hover 一个图标并显示一个输入
如何使css中的第二个子菜单出现在悬停和右侧
如何制作响应式导航菜单？
全宽导航菜单和子菜单
为什么导航的子菜单会改变宽度以及如何修复它？
在嵌套菜单中，如何使子菜单100％并向左对齐？
相关标签