Заключаем изображение в такой div:
Code
<div class="img-desc">
<img src="sample.jpg" alt="" />
<cite>Некоторый текст, который будет на картинке</cite>
</div>
а в CSS-файл вашего сайта вставляем в самый низ следующее правило:
Code
.img-desc {
position: relative;
display: block;
height:335px;
width: 575px;
}
.img-desc cite {
background: #111;
filter:alpha(opacity=55);
opacity:.55;
color: #fff;
position: absolute;
bottombottom: 0;
leftleft: 0;
width: 555px;
padding: 10px;
border-top: 1px solid #999;
}
