CSS3 在悬停时增加图像并显示 div

Question

所以，我有这个 fiddle .我想将鼠标悬停在图像上，放大它，并在其上显示不透明度为 0.6 的 imageover div。这个 fiddle 是我到目前为止所做的。有什么想法吗？

<div class="imageover">
    <a href="google.com">
        <h1>TITLE</h1>  
        <h2>Name</h2>
     </a>
</div>

<div class="featured-image">
    <img src="http://media.npr.org/images/picture-show-flickr-promo.jpg" alt=""/>
</div>

Answer 1

jsFiddle Demo

在特征图像 div 中输入 imageover div

.featured-image:hover .imageover {
    display:block;
    opacity: 0.6;
}