ホームページのリンクにfontawesomeアイコンを使用したい。
このcssで;
#menu-item-47 a::before {
content: "\f017";
font-family: fontawesome;
font-size: 18px;
color: #333;
}
すべてうまくてダンディですが、物事が反応するようになったときに、リンクテキスト「home」を表示したいと思います。アイコンを非表示にせずにリンクテキストを非表示にするにはどうすればよいですか？
私は使うことwidth: 15px; overflow: hiddenができますが、それはひどくエレガントではないようです。
これを行うための最良の方法visibility: hidden;は、要素とvisibility: visible;その前で使用することです。
div {
visibility: hidden;
}
div:before {
visibility: visible;
}
このソリューションは、divが非表示になった後もスペースを占有することを気にしない場合は、正常に機能するはずです。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加