将图像覆盖添加到特定类别的缩略图 - wordpress

Question

Aloha 堆栈溢出！所以我一直在尝试多种方法来将图像叠加层添加到 wordpress 中的特定类别缩略图。

几乎我只想要一个横幅图像，它在一个特定类别的所有缩略图上对角放置。我不需要此横幅显示在除该类别之外的任何其他类别中。

我尝试了几个横幅插件等，但没有一个能够将横幅叠加仅添加到一个 worpress 类别缩略图中。

关于如何实现这个的任何提示？

我的旧主题有这个功能，但现在我升级了，我不知道如何在这里获得相同的功能。

我可以提供所需的任何 CSS 或代码。很想听听一些很棒的人的意见，stackoverflow 永远不会让我失望

Answer 1

尝试以下概念：

.thumbnail {
  position: relative;
}

.thumbnail:after {
  position: absolute;
  top: 0;
  left: 0;
  content: url('http://placehold.it/200/000');
  opacity: 0.5;
}

<div class="thumbnail">
  <img src="http://placehold.it/200" />
</div>