Иконка поверх изображения?

Question

[Андрей]

Есть следующий код:

<div class="post-104 post type-post status-publish category-black">
					
<a href="...">
<img src="https://site.com/wp-content/cache/thumbnails/thumb.jpg">
</a>
					
</div>

Если в классе есть category-black, тогда необходимо выводить поверх основного изображения иконку (icon.png). Подскажите, пожалуйста, как это реализовать средствами css?

Answer 1

[Павел]

Псевдоклассом
.category-black:after{}

Comments

[Андрей]

Не срабатывает. Что именно там прописать?

[Павел]

Андрей, Что-то типо такого

.category-black{
  position: relative;
}
.category-black:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background-image: url('img/icon.png');
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}

[Андрей]

Павел, Большое спасибо! Получилось!