Данный хак добавляет к изображениям внизу ленту с его описанием.
Установка: Для этого нужно заключить ваше изображение в такой 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;
}
| 