添加圖像疊加到特定的類別縮略圖 - 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>