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

Posted 2023-03-29

【中文标题】将图像覆盖添加到特定类别的缩略图 - wordpress

【英文标题】：Add image overlay to specific category thumbnails - wordpress

【发布时间】：2017-11-06 23:51:32

【问题描述】：

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

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

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

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

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

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

【参考方案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>

【讨论】：

感谢杰拉德，但我如何将其限制为我在网站上拥有的 20 个类别中的一个？非常感谢您的帮助

制作出来的页面能不能识别出该类别？

我不确定...我希望它出现在主要提要和单个帖子页面上吗？谢谢杰拉德