在img上方悬停时显示Div（引导3）

Question

使用CSS我在页面稍后使用img标签上的hover命令显示div时遇到麻烦。 我正在使用Bootstrap 3编写页面-知道为什么这可能是个问题吗？ 当最初没有使用CSS隐藏“ hovershow”中的单词时，它们会出现在页面的正确位置，这使我认为命令本身存在问题。

的HTML

<div class="col-md-4 col-sm-4">
    <img id="Email_Logo" class="featurette-image img-responsive" src="img/Email_Icon_Send1.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
</div>

<div class="row">
    <div class="col-md-6 col-md-offset-3">
    <div class="hovershow"><p>This should show on hover</p></div>
</div>
</div>

的CSS

.hovershow{
    display:none;
}

#Email_Logo:hover .hovershow{
    display: block;
}

Answer 1

绝对不是CSS的工作方式。

以下CSS表示.hovershow某处存在#Email_Logo元素：

.#Email_Logo:hover .hovershow{
    display: block;
}

好吧……事实并非如此。 您可以通过简单的Javascripting或更改HTML“树”和CSS来实现所需的功能。