SO - 19074439

by Arun P Johny

HTML

<div class="container">
    <img src="http://placehold.it/150X200/fff000" />
    <div class="inner">
        somecontent goes here
        <div class="overlay">sho on hover</div>
    </div>
</div>

CSS

.container {
    position: relative;
    display: inline-block;
}
.container .inner {
    position: absolute;
    bottom: 0;
    opacity: .75;
}
.container .inner .overlay {
    display: none;
}
.container:hover .inner .overlay {
    display: block;
}