Ich versuche, jedes Bild auf die rote Hintergrundfarbe mit CSS zu überlagern, aber bisher war ich nicht erfolgreich und alle beigefügten Bild-Overlay.CSS-Farb-Overlay auf jedem Bild schweben
Irgendwelche Gedanken?
.gallery-overlay {
background: rgba(200,30,30,0.5);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
}
.gallery-images:hover .gallery-overlay {
display: block;
}
<div class="box-recent-gallery">
\t <div class="gallery-images">
\t \t <img src="http://placehold.it/100x100">
\t \t <div class="gallery-overlay"></div>
\t </div>
\t <div class="gallery-images">
\t \t <img src="http://placehold.it/100x100">
\t \t <div class="gallery-overlay"></div>
\t </div>
\t <div class="gallery-images">
\t \t <img src="http://placehold.it/100x100">
\t \t <div class="gallery-overlay"></div>
\t </div>
</div>
ja es ist sehr gut, danke –
machen Sie diese Antwort überprüft, ob dies Ihnen hilft und bis abstimmen :) – rmarif