如何在導航菜單中輸入圖標並將其懸停在子菜單上？
[英]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％並向左對齊？
相關標簽