Question

我的主页按钮的active_link_to活动状态出现问题。但是，我确信一个解决方案将帮助我修复所有未来的img css按钮以正常工作。该按钮的链接显示/index.1 for current_user而不是我用它设置的house img图标。我的代码在

之下

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;
}

这只是我将在导航栏上使用的6个按钮之一。如何在链接上正确显示图像？..活动状态border-bottom正在运行btw。

Answer 1

我明白了。我将链接格式更改为：＆lt;％= active_link_to''，profile_path，class_active：'nav-link home-icon-btn active'，：class_inactive =＆gt; 'nav-link'，有效::独家％＆gt;

Rails active_link_to img按钮CSS显示文件名而不是img

1 个答案: