Rails active_link_to img button imgの代わりにCSSがファイル名を表示しています

Question

ホームボタンのactive_link_toアクティブ状態に問題があります。しかし、私は1つの解決策が私が将来のすべてのimg cssボタンが正しく動作するように修正するのに役立つと確信しています。ボタンへのリンクは、スタイリングした家のアイコンではなく、current_userの/index.1を表示しています。私のコードは、HTML

<li class="nav-item"> 
      <%= active_link_to home_path(current_user), class_active: 'nav-link home-icon-btn active', :class_inactive => 'nav-link', active: :exclusive %> 
      </li> 

CSS

.home-icon-btn { 
    background:url('white-home-btn-state-1.png') no-repeat; 
    cursor:pointer; 
    border:none; 
    height: 50px; 
    width: 50px; 
} 

.home-icon-btn:hover { 
    background: url('white-home-btn-state-2.png') no-repeat; 
    cursor: pointer; 
} 

a.active { 
    border-bottom: 3px white solid; 
} 

下記これはちょうど1私は、ナビゲーションバーに使用する6つのボタンのです。あなたはどのようにイメージをリンク上に適切に表示しますか？..アクティブ状態のborder-bottomが動作しています。

Answer 1

私はそれを理解しました。私はこれにリンクフォーマットを変更しました：<％= active_link_to ''、profile_path、class_active： 'nav-linkホーム - アイコン-btnアクティブ'、：class_inactive => 'nav-link'、アクティブ：：exclusive％>