css - 在悬停跨度样式上显示 div

Question

标题可能有点误导。

http://jsfiddle.net/whb8A/

我在 span 标签内有一个 h3 元素，当然它不应该放在那里，但是我似乎无法按照我想要的方式在 div 中设置跨文本的样式。

如果您将鼠标悬停在 jsfiddle 中的图像上，则会显示隐藏的 div，这正是我想要的样子，但是如果我将 h3 标签从文本中移除，我似乎无法使用 CSS 对其进行样式设置.

我应该考虑使用 Jquery 替代品吗？如果是这样，任何指南教程都会很棒，谢谢

更新:感谢到目前为止的所有帮助，但我认为我解释得不是很好。

http://imageshack.us/photo/my-images/827/examplewc.jpg/

左侧是我希望它的样式，但是删除 h3 标签并从类 .info 中删除 h3 会使它的样式与右侧相同。我最关心的是border width、position和padding

Answer 1

另一种解决方案是将文本样式定义直接放在 <a> 下标签，以覆盖默认的 anchor 标签样式。示例:

.featured a {
    color: #fff;
    text-transform: uppercase;
}