Помощь Наложение прозрачного png на миниатюру

[lite46]

Всем доброго вечера. Подскажите, пожалуйста, как добавить ко всем миниатюрам наложение? Прозрачный PNG файл одного размера с миниатюрой.

Только для миниатюр. Есть ли решение?

 

[joylord]

Дайте html кусок кода.
можно следать через :after

.attachment-post-thumbnail:after {
position:absolute;
content:'';
background:url();
width:200px;
height:150px;
top:0;
left:0;
}
.attachment-post-thumbnail {
position:relative;
}

 

[lite46]

код

<div class="thumbnail">
<div class="image-preview">
<a href="/zapis-42.html">
<img width="200" height="150" src="/wp-content/uploads/59621rm_19_365-200x150.jpg" class="attachment-post-thumbnail wp-post-image" alt="59621rm_19_365"></a>
</div> 
</div>

миниатюра через стандартную функцию the_post_thumbnail()

 

[joylord]

код

<div class="thumbnail">
<div class="image-preview">
<a href="/zapis-42.html">
<img width="200" height="150" src="/wp-content/uploads/59621rm_19_365-200x150.jpg" class="attachment-post-thumbnail wp-post-image" alt="59621rm_19_365"></a>
</div> 
</div>

выше мой код сss должен подойти.
или

.image-preview:after {
position:absolute;
content:'';
background:#000;
width:200px;
height:150px;
top:0;
left:0;
pointer-events:none;
}
.image-preview {
position:relative;
}

 

[lite46]

Спасибо! да, подошел второй вариант. Благодарю за помощь!