Код

<figure class="ink-image">
    <img src="img/img-3.jpg">
    <figcaption class="over-top">
       Подпись поверх изображения, сверху, слегка прозрачный фон.
    </figcaption>
</figure>


CSS

/* группируем картинки */
figure {
    margin: 0px;
}
/* position: relative; обязательно, остальное по вкусу */
figure.ink-image {
    position: relative;
    border: 1px solid #555;
}
/* изображения резиновые */
figure.ink-image > img {
    border: 0px none;
    width: 100%;
    vertical-align: top;
}
/* формируем подписи к картинкам */
figure.ink-image > figcaption {
    padding: 1em;
    background: none repeat scroll 0% 0% #FFF;
    line-height: 1.3;
    font-family: 'Roboto', sans-serif;  
    font-weight: 400;
}
/* подпись поверх картинки сверху */
figcaption.over-top {
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.7);
    border: medium none;
    position: absolute;
    top: 0px;
    width: 100%;
}