アイコンを画像に置き換える

このテンプレートを使用しています：https://startbootstrap.com/template-overviews/grayscale/、iタグを使用するアイコンを自分のロゴに置き換えようとしています。自分のイメージでiタグを使用する方法を見つけることができないようです。私はそれをimgタグで置き換えようとしましたが、スタイリングは台無しになります。アイコンを画像に置き換える

<a class="navbar-brand page-scroll" href="#page-top"> 
<i class="fa fa-play-circle"></i> <span class="light">Start</span> Bootstrap 
      </a>

私は特定のクラスに関連がたくさんあるので、含めるために何CSS、もしあれば、知らない：これが問題を引き起こしているHTMLのラインです。どんな助けもありがたい。

出典

2017-03-28 skyper12345

別のフォントワームのアイコンに変更したい場合は、 '.fa-play-circle：before { content：" \ f144 ";/* change this */ } 'または、カスタム画像が必要な場合は、 '.fa-play-circle：より前{ コンテンツ：" ";背景画像：url（/path/to/image/file.jpg）; } 'スタイルに合わせてスタイルを調整するだけで、意図したとおりに表示するにはさらにいくつか追加する必要があります。いずれにしても、必要な調整を行うにはカスタムスタイリングが必要になるようです。 – UncaughtTypeError

これは間違った質問ですが、以前と同じようにコンテンツを保持していますか？ – skyper12345

あなたが何を意味するのか分かりませんが、アイコンを置き換えたい場合は値を置き換えるだけですが、/ aサーバーからカスタムイメージを表示する場合は、 'content'値を削除する必要がありますそれを空にしておきます。例： 'content：" ";' 'pseudo element 'が表示されたままにするためには、それを必要とします。 – UncaughtTypeError

編集：UncaughtTypeErrorのコメントは、行く方法です。

の.Faプレイ円CSSクラスが（フォントawesome.min.cssで見つかった）次のCSSを使用して「再生アイコンを」影響しているためである。

.fa-play-circle:before { 
    content: "\f144"; 
}

だから、それはにISNタグの前にロードされたグリフのようなイメージです。

出典

2017-03-28 23:01:13 Forty3

アイコンを画像に置き換える

答えて

関連する問題