<div class="resim">
<img src="1.png" alt="Avatar" width="494" height="184" />
<span class="altBilgi">Test 1-2-3</span>
</div>
.resim {position: relative;width: 494px;height: 184px;}
.resim > span.altBilgi {position: absolute;width: 494px;height: 30px;left: 0;bottom: 0;background: rgba(0,0,0,.5);color: #fff;display: block;text-align: center;line-height: 30px;font-size: 20px;text-transform: uppercase;display: none;}
.resim:hover span.altBilgi {display: block;}
Hocam çok teşekkür ederim, yalnız resmin üzerine gelmeden şeffaf siyah bant ve beyaz yazı olucaktı, üzerine gelince bant şeffaf kırmızı, yazıda beyaz rengini koruyacaktı. Düzenleme yapabilirmisiniz acaba