bu kodu bilen varmı?

   .anadiv {
    position: relative;
    padding: 0;
    width:300px;
    display:block;
}
.yazi {
    position: absolute;
    top: 0;
    color:#f00;
    background-color:rgba(255,255,255,0.8);
    width: 300px;
    height: 300px;
    line-height:10px;
    text-align: center;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.yazi:hover {
    opacity:1;
}
}

img {
    z-index:1;
}

<a href="#" class="anadiv">
    <span class="yazi">
       <h1>Film başlıgı</h1>
      <h3 style="color:blue;">Detaylar</h3>
      <p style="color:orange;">Açıklama vs..</p>
    </span>
    <img src="http://www.total-beauty-secrets.com/images/natural-beauty-secrets.jpg">
</a>