【问题标题】:Add image overlay to specific category thumbnails - wordpress将图像覆盖添加到特定类别的缩略图 - wordpress
【发布时间】:2017-11-06 23:51:32
【问题描述】:

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

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

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

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

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

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

【问题讨论】:

    标签: jquery css wordpress thumbnails categories


    【解决方案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 个类别中的一个?非常感谢您的帮助
    • 制作出来的页面能不能识别出该类别?
    • 我不确定...我希望它出现在主要提要和单个帖子页面上吗?谢谢杰拉德
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多