Blue Dark 
Blue Light 
Green Dark 
Violet Light 
Red Dark 
Red Light 
Что нужно: Для этого нужно заключить ваше изображение в такой div:
Code
<div
class="img-desc">
<img src="sample.jpg" alt="" />
<cite>Симпатичный диванчик. Устраивайтесь по-удобнее... </cite>
</div>
<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;
}
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;
}
Комментарии