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

Question

所以，我有这个小提琴。我想将鼠标悬停在图像上，放大它，并在其上显示不透明度为 0.6 的 imageover 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 演示

在 feature-image div 中输入 imageover div

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