添加图像叠加到特定的类别缩略图 - wordpress

Question

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

非常多我只想要一个横幅图像，在一个特定类别的所有缩略图中对角线放置。我不需要这个横幅显示在任何其他类别，但那一个。

我试过了几个横幅插件等，但他们都不能将横幅叠加只添加到一个worpress类别缩略图。

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

我在旧的主题上有这个功能，但现在我升级了，我无法解决如何在这里得到同样的结果。

我可以提供任何需要的CSS或代码。很想从这个一些惊人的人听到，计算器从来没有让我失望

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>