小编nex*_*tep的帖子

我正在使用typeahead.js创建一个简单的下拉列表。

用户应该能够使用向下键滚动浏览建议，并能够使用鼠标选择建议。在这两种情况中的任何一种情况下，都应适当强调这些建议。

我遇到的问题是在不突出显示悬停状态和使用向下/向上箭头滚动时实现上述目标。

这可以在下面的 gif 中清楚地看到。

要突出显示我正在使用的悬停状态：

.tt-suggestion:hover {
  color: #f0f0f0;
  background-color: #0097cf;
}

并突出显示使用向下/向上箭头滚动到的元素：

.tt-cursor {
  color: #f0f0f0;
  background-color: #0097cf;
}

注意： .tt-cursor是一个在滚动到建议 div 时自动附加到建议 div 的类，然后在滚动离开时删除。

这是一个CodePen，可以更好地了解正在发生的事情。

我正在使用 rails 后端，并使用 Javascript 和 jQuery 处理其中的大部分内容。

编辑：为了澄清。我只想在悬停或滚动到时突出显示建议，而不是在悬停和滚动到时突出显示（以避免一次突出显示多个建议）。

我对rails非常陌生,并尝试设置一个非常简单的测试站点.

我使用该rails new命令创建了新的rails app目录,但是无法设置服务器以在浏览器中查看该页面.

(以下是我尝试时收到的消息rails server)

MacBook-Pro:documents AT$ rails server
Usage:
  rails new APP_PATH [options]

Options:
  -r, [--ruby=PATH]                                      # Path to the Ruby binary of your choice
                                                         # Default: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby
  -m, [--template=TEMPLATE]                              # Path to some application template (can be a filesystem path or URL)
      [--skip-gemfile], [--no-skip-gemfile]              # Don't create a Gemfile
  -B, [--skip-bundle], [--no-skip-bundle]                # Don't run bundle install
  -G, [--skip-git], [--no-skip-git]                      # Skip .gitignore file
      [--skip-keeps], [--no-skip-keeps]                  # Skip source control .keep files
  -O, …

我正在尝试使用 img src 标签在网页页脚显示社交媒体图标（应该很简单）。图片没有显示，我找不到问题所在。

html

<div class="mastfoot">
    <div class="inner">
        <p><a href="#"><img src="/images/twitter.png"></a></p>
    </div>
</div>

CSS

.mastfoot {
    position: fixed;
    bottom: 0;
}

我可能忽略了一些简单的事情，但提前致谢！

这是我在浏览器中检查图像文件时得到的结果。

这是 CSS 内部类的代码

.site-wrapper-inner {
    display: table-cell;
    vertical-align: top;
}

.inner {
    padding: 30px;
}

.site-wrapper-inner {
    vertical-align: middle;
}