PDA

Просмотр полной версии : Помогите вставить полупрозрачный блок под текст


Brombus
08.10.2015, 06:44
Блок новостей (текст)


Code:



/register1" class="reg_button">


В стилях прописал:


Code:
.example3 {
display:inline-block;
position:relative;
}
.example3 .example_text {
display:block;
position:absolute;
left:0;
bottom:0;
width:100%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

color:#fff;

padding:10px;
background-color:rgba(0,0,0,.3);

}
.example3 h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
.example3 span {
font-size:12px;
}


как туды впендюрить "это":


Code:



Я - заголовок
А я - комментарий к этой прекрасной картинке. Я такой длинный, что занимаю несколько строчек.




Я просто полный ноль, но не хотелось поднимать паники, всего то надо добавить фон к тексту

Спасибо