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

Question

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

<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

在feature-image div

中输入imageover div

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