Наложение цвета и текста на тег img

@vladislav123123 · Регистрация: 10.05.2015

Author24 — интернет-сервис помощи студентам

Ребят, хочу наложить цвет и текст на картинку.
вот какой у меня имеется

а вот что нужно

в коде я создал блок для контента, и туда накидал картинки с товаром, мне нужно на каждую картинку наложить такой прозрачный цвет и на него текст.

@mrtoxas · 11.11.2016, 18:46

CSS

.block{
  position: relative;
  width:100px;
  height:100px;
  background-color:#000;
}
.info{
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  background-color:rgba(255,255,255,.8);
  padding:5px;
  box-sizing: border-box;
}

HTML5

<div class="block">
  <img src="" alt="" />
  <div class="info">
    Content
  </div>
</div>

@vladislav123123 · 12.11.2016, 00:35 **[ТС]**

mrtoxas, спасибо большое

@vladislav123123 1 / 1 / 0 Регистрация: 10.05.2015 Сообщений: 133
		1
	Наложение цвета и текста на тег img 11.11.2016, 18:02. Показов 2815. Ответов 2 Метки нет (Все метки) Ребят, хочу наложить цвет и текст на картинку. вот какой у меня имеется а вот что нужно в коде я создал блок для контента, и туда накидал картинки с товаром, мне нужно на каждую картинку наложить такой прозрачный цвет и на него текст. 0

@vladislav123123 1 / 1 / 0 Регистрация: 10.05.2015 Сообщений: 133
	12.11.2016, 00:35 [ТС]	3
	mrtoxas, спасибо большое 0

Наложение цвета и текста на тег img

Решение